天天看点

用jQuery实现Ajax一、jquery.ajax()二、jquery GET请求三、POST请求

前置知识:ajax原理,json字符串进行信息传递。

Ajax主要的功能是实现了浏览器端 异步 访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,与服务端进行交互,

服务端返回小部分数据,然后更新客户端的部分页面。

json是Ajax发送小部分数据的一种轻量级数据格式,可以简单易懂的给服务器或者浏览器交互数据,包括json对象,json数组对象。

jquery 库中已经封装了ajax请求的方法。

jquery.ajax([settings])。发请求并且能得知成功还是失败。

type:类型,"POST"或者"GET",默认是"GET"。

url:发送请求的地址。

data:是一个对象,连同请求发送到服务器的数据

dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包含的MIME信息来智能判断,一般我们采用json个数,可以设置为"json"。

success:是一个方法,请求成功后的回调函数。传入返回后的数据,以及包含成功代码的字符串。

error:是一个方法、请求失败时调用此函数。传入XMLHttpRequest对象。

jquery初始化。

$(document).ready(function(){

});

error方法中第一个参数是jqXHR,可以通过jqXHR获取status。

POST请求,不需要去拼url字符串了,只需要指定data,ajax在传递的时候就会自动把它拼成url。

Content-Type是ajax为我们自动加上去的。

用jQuery实现Ajax一、jquery.ajax()二、jquery GET请求三、POST请求

Form Data在设置的时候,是用JSON对象的一个方式设置的。

用jQuery实现Ajax一、jquery.ajax()二、jquery GET请求三、POST请求
用jQuery实现Ajax一、jquery.ajax()二、jquery GET请求三、POST请求

但实际上在传递的时候,jquery已经为我们拼成了url的格式,而且进行了一些转码。

用jQuery实现Ajax一、jquery.ajax()二、jquery GET请求三、POST请求

POST代码demo:

本文转自帅气的头头博客51CTO博客,原文链接http://blog.51cto.com/12902932/1926152如需转载请自行联系原作者

sshpp

继续阅读