博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX应用的五个步骤
阅读量:5028 次
发布时间:2019-06-12

本文共 985 字,大约阅读时间需要 3 分钟。

 

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;

      }

   }

转载于:https://www.cnblogs.com/hss-blog/p/9359345.html

你可能感兴趣的文章
软件测试点滴
查看>>
转:串口通信-MSComm控件使用详解
查看>>
Java设计模式 - 原型模式 prototype
查看>>
VUE -->html
查看>>
MySQL 基础 简单操作
查看>>
在Virt-manager中使用snapshot功能
查看>>
java求解:点到线段的距离
查看>>
Spring多种方式实现依赖注入
查看>>
(安装linux操作系统)
查看>>
电阻 (resistance)
查看>>
熟悉常用的Linux操作
查看>>
随笔(2015-18-19)
查看>>
激励程序员的9句名言
查看>>
BZOJ2506 calc
查看>>
BZOJ一天提交(AC) 51纪念
查看>>
BZOJ4000 [TJOI2015]棋盘
查看>>
简单常用JS函数集合大全107个
查看>>
软件工程第二次作业 - 每周例行报告
查看>>
WPF Background的设置有坑
查看>>
最近遇到问题
查看>>