JS数据请求与响应

2021-11-15 14:03:18 阅读：123 来源： 互联网

//实例化xmlHttp对象
var xmlHttp = null;
try {
    // Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
} catch (e) {
    // Internet Explorer
    try {
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
}
//载入请求open方法：请求方式，请求地址，是否异步
//xmlHttp.open(method,url,asncy)
//发送：get方法时，不用发送string或发送null，post则需要写入发送的数据。
//xmlHttp.send(string)

//get方式：
xmlHttp.open('GET','get.php',true)
xmlHttp.send()

//post方式：
xmlHttp.open('POST','user.php',true)
// post需要在请求头里指定发送数据的类型，下面是表单类型
xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
// send里填参数即可
xmlHttp.send('name=hhh&pwd=123456')

//监听状态变化
xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState === 4&&xmlHttp.status ===200){
        // 处理响应正文responseText，多数是json数据
        alert(xmlHttp.responseText)
    }
}

请求状态码：xmlHttp.readyState
　　0 请求未初始化，open方法未调用
　　1 连接已建立，open已经调用，正在发送请求
　　2 请求已经接收了，即接收了请求头信息
　　3 解析接收解析响应的内容
　　4 解析完成浏览器可以使用返回来的数据了。

标签：xmlHttp,请求,get,send,JS,发送,响应,open
来源： https://www.cnblogs.com/mu--yu/p/15556019.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS数据请求与响应