zoukankan      html  css  js  c++  java
  • 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;

          }

       }

  • 相关阅读:
    第07组 Alpha冲刺(2/6)
    第07组 Alpha冲刺(1/6)
    第07组 团队Git现场编程实战
    团队项目-需求分析报告
    团队项目-选题报告
    [面试]快来测测你的C++水平
    [技术博客] 数据库1+N查询问题
    【Beta】Scrum meeting 10
    【Beta】Scrum meeting 9
    [技术博客] gitlab快速部署流程
  • 原文地址:https://www.cnblogs.com/fanshaokun/p/6272816.html
Copyright © 2011-2022 走看看