下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:$.ajaxSetup()与$.ajax()区别

作者:Edith6     来源: https://www.cnblogs.com/FormerWhite/p/11752810.html点击数:894发布时间: 2020-03-10 10:01:09

标签: XMLajax服务器

Web开发

  Ajax的核心是Javascript对象XmlHttpRequest。该对象在InternetExplorer5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

  ajaxSetup()其使用方法与ajax()并无区别,只是在其之后的ajax()不用再重复添加相同参数,节省了代码量。

  附:API中关于jQuery.ajaxSetup([options])的描述和jQuery代码:

  描述:

  设置AJAX请求默认地址为“/xmlhttp/”,禁止触发全局AJAX事件,用POST代替默认GET方法。其后的AJAX请求不再设置任何选项参数。

  jQuery代码:

  $.ajaxSetup({

  url:"/xmlhttp/",

  global:false,

  type:"POST"

  });

  $.ajax({data:myData});

  functiongetCookie(name){

  varcookie=document.cookie

  //console.log(cookie);

  vararr=cookie.split(";")//将字符串分割成数组

  //console.log(arr);

  for(vari=0;i<arr.length;i++){

  vararr1=arr[i].split("=")

  if(arr1[0]==name){

  returnunescape(arr1[1])

  }

  }

  return"GG"

  }

  vartoken=getCookie("token")

  $.ajaxSetup({

  //contentType:"application/x-www-form-urlencoded;charset=utf-8",

  headers:{

  token:token

  },

  //请求携带token必须设置以下参数

  //--------------------------

  crossDomain:true,

  xhrFields:{

  withCredentials:true//要在这里设置跨域设置cookie

  },

  //--------------------------

  complete:function(XMLHttpRequest,textStatus){

  //console.log(XMLHttpRequest,textStatus)

  if(XMLHttpRequest.status==401){

  window.location.href="http://www.kokojia.com/"

  }

  }

  })

  AJAX开发与传统的CS开发有很大的不同。这些不同引入了新的编程问题,最大的问题在于易用性。由于AJAX依赖浏览器的JavaScript和XML,浏览器的兼容性和支持的标准也变得和JavaScript的运行时性能一样重要了。这些问题中的大部分来源于浏览器、服务器和技术的组合,因此必须理解如何才能最好的使用这些技术。

赞(14)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程