×
嵌入式 > 嵌入式开发 > 详情

ajax应用的五个步骤

发布时间:2021-05-13 发布时间:
|

  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;

  }

  }


『本文转载自网络,版权归原作者所有,如有侵权请联系删除』

热门文章 更多
STM32的窗口看门狗