ajax原理是什么 ajax工作原理和流程 _生活百科

Ajax指Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。而实现的原理基础就是：网页DOM对象可以精确地对网页中的部分内容进行操作、XML作为单纯的数据存储载体使得客户端与服务器交换的只是网页内容的数据而没有网页样式等等的附属信息、XMLHttpRequest是与浏览器本身内置的request相互独立的与服务器交互的请求对象。
【ajax原理是什么 ajax工作原理和流程】网页应用Ajax与服务器交互的抽象过程如下图：

文章插图

文章插图
过程详解：
1：要使用Ajax技术，基础中的基础，就是要创建一个XMLHttpRequest对象，无它就没有异步传输的可能：
var xmlhttp;
if (window.XMLHttpRequest) { //检查浏览器的XMLHttpRequest属性，如果为真则支持XMLHttpRequest
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
} else {
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject(\”Microsoft.XMLHTTP\”);
}
2：在网页中为某些事件的响应绑定异步操作：通过上面创建的xmlhttp对象传输请求、携带数据。在发出请求前要先定义请求对象的method、要提交给服务器中哪个文件进行请求的处理、要携带哪些数据、是否异步。
其中，与普通的request提交数据一样，这里也分两种方法：GET/POST
xmlhttp.open(\”GET\”,\”/try/ajax/demo_get2.php?fname=Henry&lname=Ford\”,);
xmlhttp.send();
xmlhttp.open(\”POST\”,\”/try/ajax/demo_post2.php\”,\”Content-type\”,\”application/x-www-form-urlencoded\”);
xmlhttp.send(\”fname=Henry&lname=Ford\”);
3：服务器收到请求后，把附带的数据作为输入传给处理请求的文件，例如这里：把fname=Henry&lname=Ford作为输入，传给 /try/ajax/demo_get2.php 这个文件。然后文件根据传入的数据做出处理，最终返回结果，通过response对象发回去。客户端根据xmlhttp对象来获取response内容，然后调用DOM对象根据response内容来局部修改网页内容。
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)//请求处理完毕且状态为成功
{
document.getElementById(\”myDiv\”).innerHTML=xmlhttp.responseText;//用response内容来修改DOM中的元素的内容
}
其中， response的类型有两种：字符串类型和XML文本。两种回应的不同提取如下：
responseText 属性返回字符串形式的响应：
document.getElementById(\”myp\”).innerHTML=xmlhttp.responseText;
如果来自服务器的响应是 XML ，需要作为 XML 对象进行解析，使用 responseXML ：
xmlDoc=xmlhttp.responseXML; //获取服务器响应的XML文本并转换得到XMLDOM对象
txt=\”\”;
x=xmlDoc.getElementsByTagName(\”ARTIST\”);//通过XMLDOM对象调用方法来获取XML对象中的内容
for (i=0;i<x.length;i++) {
txt=txt + x[i].childNodes[0].nodeValue + \”
\”; }
document.getElementById(\”myDiv\”).innerHTML=txt;//把获取到的内容通过document对象更新到网页内容去容去

ajax原理是什么 ajax工作原理和流程

推荐阅读

小情歌歌词林俊杰的小情歌歌词

荣耀x9什么时候上市

关于涡阳县第二中学简述涡阳县第二中学

无芒雀麦春天可以播种吗，无芒雀麦种植时间？

什么叫运动轿车运动汽车是什么意思

二次元第三人称射击少女战地无限子弹版

创维电视主页显示不了让我告诉你

贱贱是谁呀贱贱是谁

苹果AP密码怎么解

碧螺春属于什么茶价格碧螺春属于什么茶

茄子怎样做好吃又简单茄子怎样做好吃又简单又好吃视频

脱单告急电影在哪里看脱单告急电影介绍

专业技能怎么写个人简历的专业技能怎么写

制造费用分配表属于什么凭证记账凭证的编制人员制造费用分配表属于什么凭证

2023广州黄埔区围炉煮茶露营的地方推荐

平面与平面平行的判定平面与平面平行的判定课件

冷吃牛肉的做法冷吃牛肉怎么做

江苏省名师空中课堂教师免注册流程江苏省名师空中课堂学生注册二维码

女生来大姨妈为什么性格会变情绪波动的原因解析

酿酒配方公开糯米酒正宗的酿制方法