今日学习之AJAX

XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

与HTML的不同：

• XHTML 元素必须被正确地嵌套。
• XHTML 元素必须被关闭。
• 标签名必须用小写字母。
• XHTML 文档必须拥有根元素。

<!DOCTYPE> DocType Decaration声明头。这个标签告诉了浏览器文档使用了哪种HTML 或 XHTML规范。

简单来说：XHTML 是更加严格的HTML格式。

什么是AJAX：“Asynchronous JavaScript and XML”（异步JavaScript和XML）

实现步骤：（现在一般通过jQuery封装，直接调用jQuery执行）

  (1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象. 
  (2) 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. 
  (3)设置响应HTTP请求状态变化的函数. 
  (4)发送HTTP请求. 
  (5)获取异步调用返回的数据. 
  (6)使用JavaScript和DOM实现局部刷新.

AJAX 是一种与服务器交换数据的技术，可以在补充在整个页面的情况下更新网页的一部分。常用的使用方式有以下四种：

1.$.ajax()返回其创建的XMLHttpRequest对象。

$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。

如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。
保存数据到服务器，成功时显示信息。 
$.ajax({
type: "post",
dataType: "html",
url: '请求地址',
data: 参数,
success: function (data) {       //data回调信息
if (data != "") {
console.log(data);
}else{

}
}
});

2.通过远程Http Get请求载入信息。

$.get("请求地址", { name: "John", time: "2pm" },     //参数列表
function(data){
alert( data);
});

3.通过远程 HTTP POST 请求载入信息。

$.post("请求地址", {参数列表，采用那个键值对 },

function (data) {
if (data == "ok") {
alert("添加成功！");
}
})

4.通过 HTTP GET 请求载入 JSON 数据。

$.getJSON("URL?tags=cat&tagmode=any&format=json&jsoncallback=?",{参数列表}
function(data){

});

 

GET和POST区别：

1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来

2.使用Get请求发送数据量小,Post请求发送数据量大

3.get请求需注意缓存问题,post请求不需担心这个问题

4.GET产生一个TCP数据包；POST产生两个TCP数据包。

对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；

而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。