ajax应用的五个步骤

ajax应用的五个步骤,第1张

  ajax

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

  Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。

  Ajax 是一种用于创建快速动态网页的技术。

  Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

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

  

  AJAX应用的五个步骤

  1.建立xmlHttpRequest对象

  if(window.XMLHttpRequest){

  xmlHttp = new XMLHttpRequest();

  if(xmlHttp.overrideMimeType){

  xmlHttp.overrideMimeType(“text/xml”);

  }

  }else if(window.AcTIveXobject){

  var acTIveName =[“MSXML2.XMLHTTP”,“Microsoft.XMLHTTP”];

  for(var i=0; i《acTIveName.length; i++){

  try{

  xmlHttp = new AcTIveXobject(activeName[i]);

  break;

  }catch(e){

  }

  }

  }

  if(!xmlHttp){

  alert(“创建xmlhttprequest对象失败”);

  }else{

  }

  2.设置回调函数

  xmlHttp.onreadystatechange= callback;

  function callback(){}

  3.使用OPEN方法与服务器建立连接 xmlHttp.open(“get”,“ajax?name=”+ name,true)

  此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息xmlHttp.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”)

  4.向服务器端发送数据

  xmlHttp.send(null);

  如果是POST方式就不为空

  5.在回调函数中针对不同的响应状态进行处理

  if(xmlHttp.readyState == 4){

  //判断交互是否成功

  if(xmlHttp.status == 200){

  //获取服务器返回的数据

  //获取纯文本数据

  var responseText =xmlHttp.responseText;

  document.getElementById(“info”).innerHTML = responseText;

  }

  }

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/dianzi/2718041.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-08-17
下一篇 2022-08-17

发表评论

登录后才能评论

评论列表(0条)

保存