首页 > Web开发 > 详细

ajax第一天总结

时间:2017-11-15 00:12:02      阅读:38      评论:0      收藏:0      [点我收藏+]

标签:ons   post   contex   ner   obj   --   height   地址   tex   

一:知道ajax实现步骤

  创建对象 --准备发送--发送请求--监听服务

 二:注意细节

  创建对象的时候分浏览器

    ie之前版本var ajax = new ActiveXObject("microsoft.xmlhttp")

    火狐 浏览器 var ajax = new XMLHttpRequest();

  准备发送的时候有两个参数method(get,post)和url(相当于form中的action)

  发送方法名为send若为get方式写入null(因为get方式提交在请求行中请求体为null)

  监听服务端响应的状态需要判断因为不知道是错误信息还是正确的信息

    ajax.onreadystatechange = function(){

      if(ajax.readystate==4){//监听状态码为4

        if(ajax.status==200){

          //获取正确的信息

         var str = ajax.responseText;//获取响应后的html数据(可在servlet中设置response.setContextType("text/html;charset=utf-8")

         document.getElementById("id名").innerHTML=str;//初始化

        }

      }

    }

ie浏览器解析的时候地址栏不会变化发送不到servlet中所以要在地址后面加入可变且不唯一的数(new Date().getTime()获取当前的毫秒数)

onreadystatechange状态变化有几种

技术分享

 

ajax第一天总结

标签:ons   post   contex   ner   obj   --   height   地址   tex   

原文:http://www.cnblogs.com/hello-liyb/p/7835304.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号