ajax基础

2016-11-22  本文已影响0人  小i柠檬

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覆盖)。
上一篇下一篇

猜你喜欢

热点阅读