美文网首页
ajax基础

ajax基础

作者: 小i柠檬 | 来源:发表于2016-11-22 21:07 被阅读0次

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式应用的网页开发技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,使用户不必重载页面刷新。

下面我们就用ajax代码向服务器发起请求:(由于ajax是JavaScript的原生格式,所以不用引用其他资源,只需引入jQuery就行)

$.ajax({ 
    type: 'POST',
    url: url, 
    data: data, 
    dataType: dataType,
    success: function(){},
    error:function(){} 
 });

type有GET和POST两种请求方式;url就是就是服务器处理请求的链接;data就是我们要发送的参数;dataType是要求服务器返回对应格式的数据,这是一个可选的参数,默认自动选择,通常格式有xmljsonscripthtml当请求成功时,就会执行success方法,请求失败就会执行error方法。

最后,ajax还有几个注意点:

  1. 当后台返回数据时,不能返回值为纯数字的参数,否则会获取不到参数值;
  2. 当success方法(function(data))有定义data而服务器执行相关操作后没返回数据,ajax就会认为请求失败,执行error方法;
  3. 我们还可以添加请求头的信息:
    beforeSend:function(jqXHR,options){
    // 增加一个自定义请求头
    jqXHR.setRequestHeader("custom-header", "custom-info") ;
    }

    headers:{
    "Referer": "http://www.google.com" // 有些浏览器不允许修改该请求头 ,
    "User-Agent": "newLine" // 有些浏览器不允许修改该请求头 ,
    "X-Power": "newLine" ,
    "Accept-Language": "en-US"
    }
    注意:修改请求头时,headers中的设置会覆盖beforeSend中的设置(意味着beforeSend先执行,所以被后面的headers覆盖)。

相关文章

  • face14ajax基础内容

    ajax基础内容 ajax技术利用了 什么协议?简述ajax的工作机制 写出jquery中,可以处理ajax的几种...

  • AJAX简易封装(四步)

    最基础的ajax封装如下:

  • ajax配置信息

    基础的ajax配置信息

  • 2019-02-14day9学习总结

    修改标签的层次 Ajax基础

  • AJAX基础及原理

    AJAX基础知识 什么是AJAX?async javascript and xml, 异步的JS和XML XML:...

  • Web前端-Ajax基础技术(下)

    Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务...

  • 前端基础搬运工-Ajax模块

    七、Ajax模块 基础部分 1. ajax是什么? - [ ] Ajax并不算是一种新的技术,全称是asychr...

  • AJax基础

    什么是Ajax Ajax是用JavaScript执行异步网络请求,请求是异步执行的,也就是说,要通过回调函数获得响...

  • ajax基础

    基本格式 get 发送数据在 xhr.open('post','testlog.php?name='+this.v...

  • ajax基础

    概述 Asynchronous JavaScript and XML,异步传输无刷新技术。提高用户体验的技术。“异...

网友评论

      本文标题:ajax基础

      本文链接:https://www.haomeiwen.com/subject/ankmpttx.html