jQuery--ajax请求

jquery简化了ajax请求的步骤，使用三个函数就可以实现ajax请求的处理

一、函数

（1）实现ajax的核心函数

$.ajax()

（2）post方式发送ajax请求

$.post()

（3）get方式发送ajax请求

$.get()

$.post和$.get是在内部调用$.ajax()

 

二、使用$.ajax函数

// $.ajax()的参数是一个json的结构
$.ajax({
    async : true,
    contentType : "",
    data : "{name:'lisi',age:20}",
    dataType : "json",
    error : function(){},
    success : function(data){
        // data 就是responseText，jQuery处理后的数据
    },
    url : "bmiAjax",
    type : "post"
})
// 参数说明：
async：boolean类型值，默认为true，表示异步请求。可以不写
contentType：字符串类型，表示从浏览器发送服务器的参数的类型，可以不写
            例如：表示请求的参数为json格式，可以写application/json
data：类型可以是字符串，数组，json，表示请求的参数和参数值，常用为json格式
dataType：表示期望从服务器端返回的数据格式，类型可以是xml，html，text，json
            后端读取到dataType的值，就知道浏览器需要的是什么数据，服务器就会返回你需要的数据格式
error：一个函数，当请求发生错误时，执行的函数
sucdess：一个函数，当请求成功时，从服务器端返回了数据，执行的函数
url：请求的地址
type：请求的方式，get或者post，不用区分大小写，默认为get请求
主要使用以下参数：url，type，data，dataType，success

 

// $.post()使用post方式
$.post(URL,data,function(response){
    // 处理程序
},dataType)
// 四个参数，与$.get()相同
 
// 一个例子
$.post("queryMeg",{proid:id},function(response){
    $.each(response,function(){
        $("#div").append("")
    })
},"json")