ajax新手入门

摘要: Ajax 全名是 asynchronous javascript and xml,其实不是新的程序编写語言,能够说成现有技术性的组成,关键用于完成顾客端与网络服务器端的多线程通讯实际效果,完成网页页面的部分更新,...

Ajax 全名是 asynchronous javascript and xml,其实不是新的程序编写語言,能够说成现有技术性的组成,关键用于完成顾客端与网络服务器端的多线程通讯实际效果,完成网页页面的部分更新,进而建立迅速动态性网页页面的技术性。
l Ajax全过程 - 建立xhrRequest目标,也便是建立一个多线程启用目标 - 建立一个新的HTTP恳求,并特定其恳求的方式、URL及认证信息内容 - 设定响应 HTTP 恳求情况转变的涵数 - 推送 HTTP 恳求 - 获得多线程启用回到的数据信息 - 应用 JavaScript 和 DOM 完成部分更新
l 建立xhrRequest 目标 xhrRequest 用以在后台管理与网络服务器互换数据信息。这寓意着能够不在再次载入全部网页页面的状况下,对网页页面的某一部分开展升级。 在应用ajax以前 ,最先要根据xhrRequest结构涵数建立ajax目标: 建立 xhrRequest 目标的英语的语法: xhr=new xhrRequest();
Explorer (IE5 和 IE6)应用 ActiveX 目标: xhr=new ActiveXObject("Microsoft.xhr");
l Ajax向网络服务器推送恳求: Ajax目标建立进行后,便可以向网络服务器推送恳求,大家应用 xhrRequest 目标的 open() 和 send() 方式: GET 恳求: xhr.open("GET","show.php?fname=Bill lname=Gates",true); xhr.send();
POST 恳求: xhr.open("POST","show.php",true); xhr.send();
POST 表格恳求: 假如必须像 HTML 表格那般 POST 数据信息,请应用 setRequestHeader() 来加上 HTTP 头。随后在 send() 方式中要求您期待推送的数据信息: xhr.open("POST","show.php",true); xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.send("fname=Bill lname=Gates");
l 解决务端回到的信息内容: Ajax向网络服务器推送恳求后,会等候网络服务器回到响应信息内容,随后对响应結果开展解决,下边将对Ajax怎样解决网络服务器回到的信息内容开展详尽剖析: ① readyState特性 readyState特性用以获得当今Ajax情况,从 0 到 4有五种方式。 0: 恳求未原始化 1: 网络服务器联接已创建 2: 恳求已接受 3: 恳求解决中 4: 恳求完成,且响应已准备就绪
② onreadystatechange 恶性事件 onreadystatechange 恶性事件用以认知readyState特性情况的更改,每每 readyState 特性更改时,便会启用该涵数。下边是一个案子:

③ status特性 status特性用以回到当今恳求的http情况码,数值标值种类,如,当恳求 取得成功时,情况码为200;
④ 网络服务器响应 当恳求取得成功且数据信息接受进行时,可让用Ajax目标出示的 responseText 或 responseXML 特性获得来源于服 务端的响应。如: document.getElementById("myDiv").innerHTML=xhr.responseText;
【实例】AJAX恳求

下边是一个详细的AJAX恳求的实例:

script

 var xhr = new XMLHttpRequest();

 xhr.onreadystatechange = function() {


 }

 };

 xhr.open('GET', 'show.php');

 xhr.send();

/script




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:定制网站建设