js原生的ajax技术

一、js的原生的ajax技术

js原生的ajax其实就是围绕浏览器内置的ajax引擎对象进行学习的,要使用原生的ajax完成异步操作,一共有4步
第一步:创建ajax引擎对象
第二步:为ajax引擎对象绑定监听
第三步:绑定提交的地址
第四步:发送请求
第五步:接受响应数据
注意:第二步和第五步可以理解成一个整体

get请求:

xmlhttp.open("GET","/try/ajax/demo_get.php",true);
xmlhttp.send();

post请求:
如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据

xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");

总结:
利用ajax发送请求流程:客户端请求–》ajax处理–》服务端处理–》ajax接收数据–》客户端显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值