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放送请求，需要设置

post和get两种方式的整体思路一致，只是细节上有所差别

// 调用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?

 

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