简单介绍AJAX原理以及常用属性

Original 2019-04-30 13:35:14 253
abstract:一、客户端variable=new XMLHttpRequest(); 生成XHR对象实例。onreadystatechange 事件监听响应,readyState ==4 (请求成功) status==200(响应成功)xmlhttp.open("GET","ajax_info.txt",true);xmlhttp.send(); &n

一、客户端

  1. variable=new XMLHttpRequest();

    生成XHR对象实例。

  2. onreadystatechange 事件

    监听响应,readyState ==4 (请求成功) status==200(响应成功)

  3. xmlhttp.open("GET","ajax_info.txt",true);
    xmlhttp.send();

setRequestHeader("Content-type","application/x-www-form-urlencoded");

如果是POST需要设置请求头。

通过GET或者POST方法发送请求到服务器。

4.拿到响应的结果responseText

通过JS的JSON.parse 将JSON格式的字符串变为JS对象。进行遍历输出。


二、服务器

1.通过PHP接受数据,并且处理数据后,输出json字符串结果,给前端处理


Correcting teacher:查无此人Correction time:2019-05-05 09:39:32
Teacher's summary:完成的不错。ajax在网页中到处可见,只要不刷新页面获取的数据,基本都是ajax。继续加油。

Release Notes

Popular Entries