用JS代码去实现AJAX的技术

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

在test.html页面，建立一个button按钮，并绑心猿意马onclick点击事务，用来实现点击时，ajax请求数据并更改页面内容。

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

利用new新建一个XMLHttpRequest对象，用于标的目的后端请求数据，下面将利用该对象的方式完当作ajax请求数据。

利用请求对象的onreadystatechange（）方式用来实现领受后端返回来的数据，并更改页面的内容。

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

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

0 条评论