您好,欢迎来到网暖!

当前位置:网暖 » 站长资讯 » 建站基础 » 网络技术 » 文章详细 订阅RssFeed

js中的Ajax总结

来源:网络整理 浏览:500次 时间:2019-11-30

js中的Ajax总结.
一.ajax的作用:
1.就是让js去读服务器上面的数据.
2.无刷新的情况下读取服务器上面的数据,例如:验证账号和密码是否正确等.
(1)ajax的优点:
1.减少冗余请求和响应对服务造成的负担.
2.无刷新更新页面,带来更好的用户体验.
3.减轻服务器速写的负担,节约空间和宽带租用成本。
4.采用异步提交,读写速度更快.
(2)ajax的缺点:
1.AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性

  1. AJAX只是局部刷新,所以页面的后退按钮是没有用的.
  2. 对流媒体还有移动设备的支持不是太好等.
    二. Get 和Post的区别:
    get方式:常见的表单提交方式:将值在url后面提交;?名字=值&名字=值格.
    提交表单例子:
    <form action="www.baidu.com " method="get" (默认是get方式)>
    姓名:<input type="text" name="userName"></br>
    密码:<input type="password" name="password">
    <input type="submit" value="提交">
    </from>

    区别:

    1.get方式是通过网址进行传递数据的,post是通过http中Content进行传递的.
    2.get容量小,不适合传递大数据,(一般4k-10k),post方式容量相对大很多,一般服务器可以达到2G容量.
    3.对于太大的文件,就不会走post,走控件.
    4.get方式安全性差,post相对来说会好一点,一帮安全只能走https.
    5.get方式是有缓存的,post没有缓存. get更适合向服务器获取数据,post更适合向服务器传递数据,

三:编写一个Ajax:
1.创建一个ajax对象,
2.链接到服务器,
3.发送请求 ,
4.接收返回值,

(1) 创建一个ajax对象
var oAjax = new XMLHttpRequest()//不支持IE6
var oAjax = new ActiveXObject ("microsoft.XMLHTTP");//支持IE6

 解决兼容性:        if(window.XMLHttpRequest)         {         var  oAjax   = new XMLHttpRequest();         }         else         {          var  oAjax   = new  ActivexObject("Microsoft.XMLHTTP")         }     为什么要用window.XMLHttpRequest作为参数,应为直接XMLHttpRequest做条件,IE6会直接报错,     但是把XMLHttpRequest作为属性,IE只会报undefined刚好满足我们的条件. (2)链接服务器  oAjax.open('Get',url,true)  同步:一步步来.  异步:多件事一起来.(3)发送请求  oAjax.send();(4)接受返回   oAjax.onreadystatechange = function()  {        //浏览器和服务器进行到哪一步了.       if(oAjax.readyState==4)//读取完成        {              if(oAjax.status==200)//读取成功             {                   fnSuccess(oAjax.responseText)             }else if( fnfaild)                  {                     fnfaild(oAjax.status);                   }             }         }   }

readystatus 描述
0 (未初始化)还没有调用open()方法
1 (载入)一调用send()方法,怎在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容解析完成,可以客户调用了
同步请求:发生请求后,要等待服务器执行完毕才继续执行当前代码。

    异步请求:发生请求后,无需等到服务器执行完毕,可以继续执行当前代码。  

推荐站点

  • 腾讯腾讯

    腾讯网(www.QQ.com)是中国浏览量最大的中文门户网站,是腾讯公司推出的集新闻信息、互动社区、娱乐产品和基础服务为一体的大型综合门户网站。腾讯网服务于全球华人用户,致力成为最具传播力和互动性,权威、主流、时尚的互联网媒体平台。通过强大的实时新闻和全面深入的信息资讯服务,为中国数以亿计的互联网用户提供富有创意的网上新生活。

    www.qq.com
  • 搜狐搜狐

    搜狐网是全球最大的中文门户网站,为用户提供24小时不间断的最新资讯,及搜索、邮件等网络服务。内容包括全球热点事件、突发新闻、时事评论、热播影视剧、体育赛事、行业动态、生活服务信息,以及论坛、博客、微博、我的搜狐等互动空间。

    www.sohu.com
  • 网易网易

    网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。

    www.163.com
  • 新浪新浪

    新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等,设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道,同时开设博客、视频、论坛等自由互动交流空间。

    www.sina.com.cn
  • 百度一下百度一下

    百度一下,你就知道

    www.baidu.com