美文网首页
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覆盖)。

    相关文章

      网友评论

          本文标题:ajax基础

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