Ajax的JavaScript实现介绍

　　介绍

本篇内容主要讲解“JavaScript实现Ajax的介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习”JavaScript实现Ajax的介绍”吧!

这里以表单为例说一下实现Ajax的步骤:

1。先从表单中获取我们需要的数据

2。然后建立相应的URL

3。设置onreadystatechange函数

4。打开连接

5。发送请求

以上就是Ajax的实现步骤,接下来简单分步总结下。

首先是关于xrh对象的建立。

function  creatXhr () { 　　,var  xhr=零; 　　,如果(window.XMLHttpRequest) { 　　xhr才能=new  XMLHttpRequest (); 　　,其他}{ 　　xhr才能=new  ActiveXObject (“Microsoft.xhr"); 　　,} 　　}

稍完整的可以这样写:

function  creatXhr () { 　　,var  xhr=零; 　　,尝试{ 　　xhr才能=new  ActiveXObject (“Msxml2.XMLHTTP"); 　　,}catch  (e) { 　　try {才能 　　,,xhr=new  ActiveXObject (“Microsoft.XMLHTTP"); 　　}才能catch  (e2) { 　　,,xhr=false; 　　,,} 　　,} 　　,如果(! xmlHttp ,,, typeof  XMLHttpRequest  !=, & # 39;未定义# 39;),{ 　　xhr才能=new  XMLHttpRequest (); 　　,} 　　}

以上对ie和非ie浏览器多做了兼容处理。

然后就该发送Ajax请求了,下面以一个表单项国家为例:

function  callReqest () { 　　,var 国家=. getelementbyid(& # 39;增长# 39;)value; 　　,如果((国家==null) | |(国家==& # 39;& # 39;)) 　　返回才能; 　　,var  url=& # 39; example.php ?国家=& # 39;+ encodeURIComponent(国家); 　　,onreadystatechange=更新; 　　,xhr.open(& # 39;得到# 39;,url, true); 　　,xhr.send(空); 　　}

以上获取了一个国家表单项,> function  onreadystatechange () { 　　,如果((onreadystatechange==4),和((xhr.state==200) | | ((xhr.state> 200),和(xhr.state<300)))) { 　　,,. getelementbyid (& # 39; countryCode& # 39;) value=https://www.yisu.com/zixun/xhr.responseText; 　　} 　　}

在>到此,相信大家对“JavaScript实现Ajax的介绍”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

Ajax的JavaScript实现介绍