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

摘要：一、客户端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字符串结果，给前端处理

批改老師：查无此人批改時間：2019-05-05 09:39:32
老師總結：完成的不错。ajax在网页中到处可见，只要不刷新页面获取的数据，基本都是ajax。继续加油。