AJAX 的介绍及封装

ajax

1.什么是ajax

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

2.阻止ajax缓存才能实时更新

  ajax('aaa.txt？='+new Date().getTime(),//能够实时更新不用刷新

function(str)

{

alert（str);

},

function()

{

  alert(’读取失败‘

})

3.提交方式

get：通过网址放到url里，安全性低，容量小  更适合于获取

post：http content ，容量大 更适合于给服务器上传

4.创建ajax

  1）创建ajax对象

  2） 链接到服务器

  3）发送请求

  4）接受返回值

function ajax(url, fnSucc, fnFaild)

{

//1.创建Ajax对象

if(window.XMLHttpRequest)

{

var oAjax=new XMLHttpRequest();

}

else

{

var oAjax=new ActiveXObject("Microsoft.XMLHTTP");

}

//2.连接服务器

//open(方法, 文件名, 异步传输)

oAjax.open('GET', url, true);

//3.发送请求

oAjax.send();

//4.接收返回

oAjax.onreadystatechange=function ()

{

//oAjax.readyState //浏览器和服务器，进行到哪一步了

if(oAjax.readyState==4) //读取完成  

{

if(oAjax.status==200) //成功  atus：http状态码

{

fnSucc(oAjax.responseText);

}

else

{

if(fnFaild)

{

fnFaild(oAjax.status);

}

//alert('失败:'+oAjax.status);

}

}

};

}

在jquery中封装好了ajax给我们调用，用$.ajax调用，具体参数见

https://www.cnblogs.com/cvst/articles/5817916.html

同时，今天练习了ajax与php分别用xml json 格式传输数据

用json的时候有个地方太坑人了

就是key/value 中只能识别双引号，所以在js中最好也都用双引号

判断传输的数据是什么类型