多语言展示
当前在线:1963今日阅读:142今日分享:25

用JS代码去实现AJAX的技术

实现AJAX请求数据,除了用jquery里的ajax()方法外,还可以使用原生JS来实现。下面介绍使用原生JS来实现AJAX请求数据。
方法/步骤
1

新建一个html文件,命名为test.html,用于编写JS代码实现ajax请求数据。

2

在test.html页面,创建一个button按钮,并绑定onclick点击事件,用来实现点击时,ajax请求数据并更改页面内容。

3

创建一个js函数,当button按钮被点击时,执行loadDoc()函数,将在loadDoc()函数编写原生ajax请求。

5

使用请求对象的onreadystatechange()方法用来实现接收后端返回来的数据,并更改页面的内容。

6

使用请求对象的open方法设置向后端传输数据方式为GET,同时设置请求的链接地址,并使用send()方法向ajax_info.txt文件请求数据。新建一个ajax_info.txt文件,编写返回的内容。

7

在浏览器运行test.html文件,点击“更改内容”按钮,向ajax_info.txt请求数据,将ajax_info.txt的内容返回test.html页面,实现更改页面的内容。

推荐信息