Ajax基本原理之发送请求

AJAX - 向服务器发送请求

向服务器发送请求，只需要简单的三步。

一、创建XMLHttpRequest 对象

var xhr=new XMLHttpRequest();//首先暂不做兼容性的考虑

二、打开xhr对象的open方法，(ps:这只是打开，并没有发送给服务器任何请求)

xhr.open("GET","test1.txt",true);//参数1：可选项有get/post两种请求方式，参数2：向服务器端请求的url地址,这是必须的！，参数3：同步false/异步true处理请求

三、调用send()方法，此时才是将请求发送给服务器端

send(null);//参数解释:null表示以get方式发送请求，不添加数据，若参数为string,则以post方式提交数据

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

以上就是ajax的基本调用方法，下面将会详细叙述细节：

GET 还是 POST？

与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。

然而，在以下情况中，请使用 POST 请求：

• 无法使用缓存文件（更新服务器上的文件或数据库）
• 向服务器发送大量数据（POST 没有数据量限制）
• 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

GET 请求

一个简单的 GET 请求：

xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();

POST 请求

一个简单 POST 请求：

xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Bill&lname=Gates");

兼容性考虑：

创建 XMLHttpRequest 对象的语法：

variable=new XMLHttpRequest();

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：

variable=new ActiveXObject("Microsoft.XMLHTTP");

为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。

如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }