ajax应用的五个步骤

编程语言及工具

105人已加入

描述

  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;

  }

  }

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分