美文网首页
AJAX 的介绍及封装

AJAX 的介绍及封装

作者: 李忽然 | 来源:发表于2019-04-02 22:38 被阅读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中最好也都用双引号

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

    相关文章

      网友评论

          本文标题:AJAX 的介绍及封装

          本文链接:https://www.haomeiwen.com/subject/qvllbqtx.html