ajax发送GET和POST请求

1、ajax-get请求demo

 1 

2、ajax-post请求demo

 1  1 

3、ajax请求-返回JSON格式

　　"success":"true",

　　"msg":"text"

 1 

4、jQuery实现ajax

　　jQuery.ajax([settings])

　　　　type：类型，post或get，默认为get

　　　　url：发送请的地址

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

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

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

　　　　error：是一个方法，请求失败时调用此函数。传入XMLHttpRquest对象

　　例子：

　　　　$(document).ready(funtion(){

　　　　　　$("#name").click(funtion(){

　　　　　　　　$.ajax({

　　　　　　　　　　type:"GET",

　　　　　　　　　　url:"XXX.jsp?name="+$("#name").val(),

　　　　　　　　　　dataType:"json",

　　　　　　　　　　success:funtion(data){

　　　　　　　　　　　　if(data.success){

　　　　　　　　　　　　　　$("#name").html(data.msg);

　　　　　　　　　　　　}esle{

　　　　　　　　　　　　　　$("#name").html("发错了"+data.msg);

　　　　　　　　　　},

　　　　　　　　　　error.funtion(jqXHR){

　　　　　　　　　　　　alert("出错了"+jqXHR.status);

　　　　　　　　　});

　　　　　　});

jquery.ajax示例

 1 $(function(){
 2         //请求参数
 3         var list = {};
 4         //
 5         $.ajax({
 6             //请求方式
 7             type : "POST",
 8             //请求的媒体类型
 9             contentType: "application/json;charset=UTF-8",
10             //请求地址
11             url : "http://127.0.0.1/admin/list/",
12             //数据，json字符串
13             data : JSON.stringify(list),
14             //请求成功
15             success : function(result) {
16                 console.log(result);
17             },
18             //请求失败，包含具体的错误信息
19             error : function(e){
20                 console.log(e.status);
21                 console.log(e.responseText);
22             }
23         });
24     });

//JSON.stringify 将对象转为字符串
　　var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
　　var myJSON = JSON.stringify(obj);
//JSON.parse 将字符串转化为对象
　　var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');