今日学习之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(返回数据)。

猜你喜欢

转载自blog.csdn.net/qq_42773718/article/details/82453787