Ajax的总结

  1.运行Ajax的环境,在服务器上才可以实现他的功能,客户端等别的地方,虽然也可以运行,但是功能一定是不全的,有可能很多东西都不会发生反应;

  2.传参 (只写关键步骤)   (必须在服务器上运行)

  get  (看得见,传输数据小)

  xml.open("get","01.php?name=zhang",true)

  php上  echo $_GET['name']

  post  (看不见,传输数据大)

  xmlhttp.open("post","02.php",true);

   xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

  xmlhttp.send("age=123456");

  php上  echo $_POST['age']

  跨域Ajax的处理

  javascript有同源策略的限制,只要不在同一域名,端口,协议,就会出现同源报错

  所以我们要通过script标签中的src属性去解决这个问题,src会自动去外部寻找资源,(超Ajax的存在)将匹配到的资源进行处理

  注意两种情况:

    1.别人的接口:这种方式,首先要看别人有没有提供这样的接口,供我们去进行数据的处理 (关键字,cb或callback=fn)(这里的fn是自己要处理的函数名)

    2.自己的接口:这种方式,我们要在js文件中写一个函数名,将里面改的数据包住,(这样写就相当于自己写的接口)

  我们要进行函数处理,要把我们处理的函数写前面,把接口写后面

  jQuery中Ajax的处理

  jQuery中Ajax的处理的方法 $.ajax()

  他的里面有几个参数

    type:"get"  (传递的方式get或post);

    url:"01.php"  (传递的地址);

    async:true    (同步或异步);

    data:{"name":"zhang"}  (传的的数据);

    dataType:"jsonp"  (跨域的处理);

    jsonp:"cb/callback"  (别人接口数据处理的函数名);

    jsonpcallback:"fn"    (自己接口数据处理的函数名)

    success:function(data){

      console.log(data)    (当可以跟后台交互时,后台向你提供的数据)

    }

    err:function()      (当发生错误时,报错的函数)

    

  

posted on 2019-03-08 07:57  Web引领者  阅读(133)  评论(0编辑  收藏  举报