一、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接收数据–》客户端显示