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中最好也都用双引号
判断传输的数据是什么类型