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;

          }

       }

  • 相关阅读:
    android获取sd卡路径方法
    Log4Net的使用
    asp.net网站发布
    用网站(WebSite而不是WebProject)项目构建ASP.NET MVC网站
    Asp.Net MVC 路由
    面试题:两个栈模拟队列&&两个队列模拟栈
    TextBlob Quick Start
    链表基本操作题
    leetcode341 扁平化嵌套数组
    细说浏览器输入URL后发生了什么
  • 原文地址:https://www.cnblogs.com/fanshaokun/p/6272816.html
Copyright © 2011-2022 走看看