jquery中get,post和ajax方法的使用小結

 本篇文章主要是對jquery中get,post和ajax方法的使用進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助

在JQuery中可以使用get，post和ajax方法給服務器端傳遞數據   get方法的使用（customForGet.js文件）：   function verify(){ //1.獲取文本框的數據   //通過DOM的方式獲取 //document.getElementByIdx("userName"); //通過JQuery的方式獲取 var jqueryObj = $("#userName"); //獲取節點的值 var userName = jqueryObj.val();   //2.將文本框的數據發送到服務器端的servlet $.get("AJAXServer?name=" + userName,null,callback); } //回調函數 function callback(data){   //3.接受從服務器端返回的數據 // alert(data); //4.將服務器端的返回的數據顯示到頁面上 //取到用來顯示結果信息的節點 var resultObj = $("#result"); resultObj.html(data); }   可以將上面的文件簡寫成： function verify(){ $.get("AJAXServer?name="+$("#userName").val(),null,function callback(data){$("#result").html(data);}); }   post方法的使用（customForPost.js）：   function verify(){ //1.獲取文本框的數據   //通過DOM的方式獲取 //document.getElementByIdx("userName"); //通過JQuery的方式獲取 var jqueryObj = $("#userName"); //獲取節點的值 var userName = jqueryObj.val();   //2.將文本框的數據發送到服務器端的servlet   // $.post("AJAXServer?name=" + userName,null,callback);//用post是也可以直接將參數跟在URL後面 $.post("AJAXServer",{name:userName,test:"test123"},callback);//傳遞多個參數時用逗號隔開，屬性值如果是變量的話直接寫上，如：userName，如果是字符的話要加上引號，如：“test123”. } //回調函數 function callback(data){   //3.接受從服務器端返回的數據 // alert(data); //4.將服務器端的返回的數據顯示到頁面上 //取到用來顯示結果信息的節點 var resultObj = $("#result"); resultObj.html(data); }     可以將上面的文件簡寫成： function verify(){ $.post("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)}); }   總結：其實get和post方法相似，只要將get和post互換即可，而參數的存放位置兩個地方都行；   如：   $.post("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});   只要將post直接改成get，而不用修改參數的位置，即：   $.get("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});   ajax方法的使用（customForAjaxText）接收數據類型是純文本的數據：   function verify(){ //1.獲取文本框的數據 //通過JQuery的方式獲取 var jqueryObj = $("#userName"); //獲取節點的值 var userName = jqueryObj.val();   //2.將文本框的數據發送到服務器端的servlet $.ajax({ type:"POST", url:"AJAXServer", data:"name="+userName+"&"+"test=123", success:function(data){ $("#result").html(data); } }); }   ajax方法的使用（customForAjaxText）接收數據類型是XML的數據：   function verify(){ //1.獲取文本框的數據 //通過JQuery的方式獲取 var jqueryObj = $("#userName"); //獲取節點的值 var userName = jqueryObj.val();   //2.將文本框的數據發送到服務器端的servlet $.ajax({ type:"POST", url:"AJAXXMLServer", data:"name="+userName+"&"+"test=123",   dataType:"xml", success:function(data){ //首先需要將傳過來的DOM對象轉化為jquery對象 var jqueryObj = $(data); //獲取message節點 var messageNods = jqueryObj.children(); //獲取文本內容 var responseText = messageNods.text(); $("#result").html(responseText); } }); }