JavaScript 原生Ajax

Ajax中常用的就是XMLHttpRequest

在JS中创建XMLHttpRequest

var request=new XMLHttpRequest();

设置参数

request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//(POST方式需要设置该参数,GET不需要)

设置Request

request.open("GET","www.baidu.com")//GET方式

request.open("POST","www.baidu.com")//POST方式

request.open("POST","www.baidu.com",true)//POST方式,最后一个参数是决定同步还是异步,true同步,默认false异步,是可选参数

获取返回的数据

request.getResponseText获取返回的字符串

request.getResponseXML获取返回的XML

request.readyState参数

0 - (未初始化)还没有调用send()方法 
1 - (载入)已调用send()方法,正在发送请求 
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 
3 - (交互)正在解析响应内容 
4 - (完成)响应内容解析完成,可以在客户端调用了

常用的是

request.onreadystatechange=function(){

if(request.readyState==4)

{

//你的代码(请求成功)

}

}

 

posted @   HumorChen99  阅读(3)  评论(0编辑  收藏  举报  
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示