jquery-210812-07---jquery和ajax一起使用的介绍

jquery-210812-07—jquery和ajax一起使用的介绍

• jquery和ajax联动
• $.ajax() && $.get() && $.post()
• $.ajax()
• $.get()
• $.post()

---

jquery和ajax联动

jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法，
能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时能够把接收的数据更新到 DOM 对象。

---

$.ajax() && $.get() && $.post()

$.ajax() ：jquery中实现ajax的核心函数
$.get() ：使用get方式做ajax请求
$.post()：使用post方式做ajax请求

$.post() 和 $.get() 它们在内部都是调用的$.ajax()

---

$.ajax()

$.ajax() 是 jQuery 中 AJAX 请求的核心方法，所有的其他方法都是在内部使用此方法。
参数是 json 的数据，包含请求方式，数据，回调方法，请求的url等
语法：
	$.ajax( { name:value, name:value, ... } )
        例如：
        	$.ajax( 
        			{
                        async:true , contentType:"application/json" , data:{name:"bgy",age:22} , 
                        dataType:"json" , 
                        error:function(){
                            alert("请求错误");
                        } ,
                        success:fucntion(data){
                        // data 就是 responseText，是jquery处理后的数据
                        } ,
                        url:"bmiAjax" ,
                        tppe:"get"
        	   		}
        	   	  )
	
	常用的参数说明：
        1）async ： 布尔值，表示请求是否异步处理。默认是 true。
        2）contentType：发送数据到服务器时所使用的内容类型。默认是："application/x-www-form-urlencoded"。
        			  设置请求参数为json格式：application/json。
        3）data：规定要发送到服务器的数据，可以是：string， 数组，多数是 json
        4）dataType：期望从服务器响应的数据类型。可以为 xml, json, text, html，
        			当我们使用$.ajax()发送请求是，会把dataType的值发送给服务器，
        			那么我们的servlet就能够读取到dataType的值，就知道你的浏览器需要的什么格式的数据，json、xml等，
        			那么服务器就可以返回你需要的数据格式。
            "xml" - 一个 XML 文档
            "html" - HTML 作为纯文本
            "text" - 纯文本字符串
            "json" - 以 JSON 运行响应，并以对象返回
            
        5）error:function(xhr,status,error)：如果请求失败要运行的函数, 其中 xhr, status, error 是自定义的形参名
        	语法：
        		error:function(){ 发生错误，要执行...... }
        		
        6）success(result,status,xhr)：当请求成功时运行的函数，从服务器端返回了数据，
        	相当于  XMLHTTPRequest.readyState == 4 && XMLHTTPRequest.status == 200 的时候
        	语法：
        		success:fucntion(data){
        			// data 就是 responseText，是jquery处理后的数据
        		}
        		
        7）type：规定请求的类型（GET 或 POST 等），默认是 GET， get，post 不用区分大小写
        8）url：规定发送请求的 URL。

error() , success()中的 xhr 是 XMLHttpRequest 对象

---

$.get()

$.get() 方法使用 HTTP GET 请求从服务器加载数据。
	语法：$.get(url,data,function(data,status,xhr),dataType)
	
url 必需。规定您需要请求的 URL。
data 可选。规定连同请求发送到服务器的数据。
function(data,status,xhr)可选。当请求成功时运行的函数。data,status,xhr 是自定义形参名。
    参数说明：
        data - 包含来自请求的结果数据
        status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）
        xhr - 包含 XMLHttpRequest 对象
        dataType 可选。规定预期的服务器响应的数据类型。默认地，jQuery 会智能判断。可能的
        类型：
        "xml" - 一个 XML 文档
        "html" - HTML 作为纯文本
        "text" - 纯文本字符串
        "json" - 以 JSON 运行响应，并以对象返回

---

$.post()

$.post() 方法使用 HTTP POST 请求从服务器加载数据。
语法：$.post(URL,data,function(data,status,xhr),dataType)
参数同$get()