原生js调用json方法

摘要：ajax:无刷新数据读取,读取服务器上的信息 ## HTTP请求方法: GET:用于获取数据,如浏览帖子

Ajax基础

ajax:无刷新数据读取,读取服务器上的信息

HTTP请求方法:

GET:用于获取数据,如浏览帖子

ajax.judgeXmlHttpRequest('get','index.php',function(data){    alert(data);//这是服务器返回的数据})

POST:用于上传数据,如用户注册

vardataJson = {    name:'ys',age:123}ajax.judgeXmlHttpRequest('post','index.php',function(data){    alert(data);//这是服务器返回的数据},dataJson)

GET与POST的区别:

GET:通过网址传递(放入url中),会将传递的数据放到网址上面,名字=值&名字=值

get方式容量小，安全性低，有缓存

POST:不通过网址传递

post容量较大,一般可达2G，安全性相对较高，没有缓存

原生Ajax的编写

Ajax运行步骤

创建一个Ajax对象

非IE6浏览器:

varoAjax=newXMLHttpRequest();

IE6浏览器:

varoAjax=newActiveXObject("Microsoft.XMLHTTP");

连接到服务器

Ajax.open(方法,文件名,异步传输);

阻止缓存方法:

Ajax.open('GET','a.txt?t='+newDate().getTime(),true);

同步:js中指事情必须一件一件来

异步:js中指多件事情要一起做

ajax是做异步传输的,并不是同步

发送请求

Ajax.send();

接收返回值

请求状态监控:onreadystatechange事件:当自己的Ajax与服务器之间有通讯时触发，主要通过readyState属性来判断结束没有,结束了也并没有代表成功,status属性来判断

readyState属性:请求状态

0(未初始化)还没有调用open方法

原文链接