JavaScript中的ajax怎么用

 时间:2024-10-03 19:13:25

很多人不知道JavaScript中的ajax怎么用,下面小编和大家一起来看看怎么操作:

工具/原料

联想威6

win1020H2

Hbuilder9.1.29

方法/步骤

1、新建一个html界面,这里我就新建一个“index.html”的界面。界面中有一个div和一个button。给div添加id,待会我们通过ajax把从服务器获取到内容添加到div里面

JavaScript中的ajax怎么用

2、接着在script里面定义一个函数,这个函数茧盯璜阝就是用来创建ajax对象,并且向服务器发送请求的。如图,我就定义一个变量ajax,然后使用if(window.XMLHt墉掠载牿tpRequest)来判断浏览器是否支持XMLHttpRequest,

JavaScript中的ajax怎么用

3、如果不支持XMLHttpRequest,则创建ActiveXObject对象。ActiveXObject是IE5和IE6里面的,这两个版本的浏览器基本没人用了,

JavaScript中的ajax怎么用

4、创建好对象之后,我们就可以调用open方法来发起请求。open里面有三个参数,第一个表示耶驳仔煨请求方式,这里我就使用get请求。第二个参数表示请求的地记醋弭床址,这里我就使用PHP文件,待会我再写这个文件。第三个参数表示同步或者异步,true表示异步,false表示同步,这里我就用异步(ajax最大的特点就是异步)。之后,再调用send方法。如果是get请求,则send里面的参数为空

JavaScript中的ajax怎么用

5、之后,给onreadystatechange事件绑定一个舵玛佑姆匿名函数。onreadystatechange表示的是请求响应状态改变事件。当向服务器发送请求时,请求的状态,响应的状态都会发生改变,而观鲼视防改变的时候就可以触发这个事件了。

JavaScript中的ajax怎么用

易语言模拟按键,游戏作弊器 怎样用易语言取网络文件长度源码 如何在Windows上启动远程桌面会话 爸爸把我锁在家里了:怎么过第26-30关 易语言如何修改客户子程序的返回值类型
热门搜索
龙井茶图片 梅西图片 性感少女图片 摇摆少女 挠脚心漫画