新建一个html文件 ， 定名为test.html ， 用于编写JS代码实现ajax请求数据 。
文章插图
2在test.html页面 ， 建立一个button按钮 ， 并绑定onclick点击事务 ， 用来实现点击时 ， ajax请求数据并更改页面内容 。
文章插图
3建立一个js函数 ， 当button按钮被点击时 ， 执行loadDoc()函数 ， 将在loadDoc()函数编写原生ajax请求 。
文章插图
4利用new新建一个XMLHttpRequest对象 ， 用于标的目的后端请求数据 ， 下面将利用该对象的方式完当作ajax请求数据 。
文章插图
5利用请求对象的onreadystatechange方式用来实现领受后端返回来的数据 ， 并更改页面的内容 。
文章插图
6利用请求对象的open方式设置标的目的后端传输数据体例为GET ， 同时设置请求的链接地址 ， 并利用s()方式标的目的ajax_info.txt文件请求数据 。 新建一个ajax_info.txt文件 ， 编写返回的内容 。
文章插图
文章插图
7【用JS代码去实现AJAX的技术】在浏览器运行test.html文件 ， 点击“更改内容”按钮 ， 标的目的ajax_info.txt请求数据 ， 将ajax_info.txt的内容返回test.html页面 ， 实现更改页面的内容 。
文章插图
文章插图
以上内容就是用JS代码去实现AJAX的技术的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何使用boost中的定时器
- 碘伏能给猫用吗
- 人用碘伏猫能用吗
- 猫藓能用酒精消毒吗
- 猫能用人牙膏呢
- 猫用塑料碗有影响吗
- 猫不能用什么药好
- 绝育猫能用人眼药水
- 母猫便秘能用开塞露吗
- 小猫能用红霉素眼膏吗