AJAX 的介绍及封装

2019-04-02  本文已影响0人  李忽然

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中最好也都用双引号

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

上一篇下一篇

猜你喜欢

热点阅读