zoukankan      html  css  js  c++  java
  • Ajax自我总结

    一念起、万水千山皆有情。

    一念灭、沧海桑田已无心。

                ------ 随记

    本文主要针对ajax原理介绍,很少涉及实例,主要用于对知识的梳理总结,方便以后学习和查询。。。

    Ajax

    一、Ajax是什么?

    AJAX = 异步 JavaScript 和 XML。

    AJAX 是一种用于创建快速动态网页的技术。

    通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    并不是一种新技术,而是已有技术的集合。JavaScript是核心载体

    二、如何使用ajax原生方式发送请求?

    主要通过XMLHttpRequest(标准浏览器)、ActiveXObject("Microsoft.XMLHTTP")(IE浏览器)

    var xhr;
    if (window.XMLHttpRequest)
      {// 处理兼容 IE7+, Firefox, Chrome, Opera, Safari
        xhr=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
       xhr=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xhr.onreadystatechange=function(){
      if(xhr.readyState==4){
          alert(xhr.responseText)//
        }
      }
    //get方式发送请求
     xhr.open("get","check.php?n="+name);
     xhr.send(null)
    //post放送请求,需要设置

    postget两种方式的整体思路一致,只是细节上有所差别

    // 调用open方法准备ajax请求
    xhr.open('post',"check.php")
    // 构造要发送到后端程序的参数字符串
    var str="name"+name;
    // 将传递到后台的数据转换格式
    xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
    // 调用send方法发送请求
    xhr.send(str)

     三、ajax的优缺点

     ajax的优点:

      1、最大的一点是页面无刷新,用户的体验非常好。
      2、使用异步方式与服务器通信,具有更加迅速的响应能力。。
      3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
      4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
      5、ajax可使因特网应用程序更小、更快,更友好。

     ajax的缺点:

      1、ajax不支持浏览器back按钮。
      2、安全问题 AJAX暴露了与服务器交互的细节。
      3、对搜索引擎的支持比较弱。
      4、破坏了程序的异常机制。
      5、不容易调试

    四、解释jsonp原理,以及为什么不是真正的ajax?

    未完待续。。。。。。。。。。。。。。。。。。。。。

  • 相关阅读:
    集群间如何实现session共享
    详解PHP如何实现单点登录
    jsonp原理详解
    跨站请求CSRF攻击
    防止SQL注入
    在springboot中使用h2数据库
    Datalab实验
    飞步无人驾驶2018届校园招聘在线笔试A轮
    HDU6030 Happy Necklace
    HDU5950 Recursive sequence
  • 原文地址:https://www.cnblogs.com/shengmo/p/8706698.html
Copyright © 2011-2022 走看看