在JQuery中可以使用get，post和ajax方法給服務(wù)器端傳遞數(shù)據(jù)

get方法的使用(customForGet.js文件)：

function verify(){

//1.獲取文本框的數(shù)據(jù)

//通過DOM的方式獲取

//document.getElementByIdx("userName");

//通過JQuery的方式獲取

var jqueryObj = $("#userName");

//獲取節(jié)點的值

var userName = jqueryObj.val();

//2.將文本框的數(shù)據(jù)發(fā)送到服務(wù)器端的servlet

$.get("AJAXServer?name=" + userName,null,callback);

}

//回調(diào)函數(shù)

function callback(data){

//3.接受從服務(wù)器端返回的數(shù)據(jù)

// alert(data);

//4.將服務(wù)器端的返回的數(shù)據(jù)顯示到頁面上

//取到用來顯示結(jié)果信息的節(jié)點

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.獲取文本框的數(shù)據(jù)

//通過DOM的方式獲取

//document.getElementByIdx("userName");

//通過JQuery的方式獲取

var jqueryObj = $("#userName");

//獲取節(jié)點的值

var userName = jqueryObj.val();

//2.將文本框的數(shù)據(jù)發(fā)送到服務(wù)器端的servlet

// $.post("AJAXServer?name=" + userName,null,callback);//用post是也可以直接將參數(shù)跟在URL后面

$.post("AJAXServer",{name:userName,test:"test123"},callback);//傳遞多個參數(shù)時用逗號隔開，屬性值如果是變量的話直接寫上，如：userName，如果是字符的話要加上引號，如：“test123”.

}

//回調(diào)函數(shù)

function callback(data){

//3.接受從服務(wù)器端返回的數(shù)據(jù)

// alert(data);

//4.將服務(wù)器端的返回的數(shù)據(jù)顯示到頁面上

//取到用來顯示結(jié)果信息的節(jié)點

var resultObj = $("#result");

resultObj.html(data);

}

可以將上面的文件簡寫成：

function verify(){

$.post("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});

}

總結(jié)：其實get和post方法相似，只要將get和post互換即可，而參數(shù)的存放位置兩個地方都行；

如：

$.post("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});

只要將post直接改成get，而不用修改參數(shù)的位置，即：

$.get("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});

ajax方法的使用(customForAjaxText)接收數(shù)據(jù)類型是純文本的數(shù)據(jù)：

function verify(){

//1.獲取文本框的數(shù)據(jù)

//通過JQuery的方式獲取

var jqueryObj = $("#userName");

//獲取節(jié)點的值

var userName = jqueryObj.val();

//2.將文本框的數(shù)據(jù)發(fā)送到服務(wù)器端的servlet

$.ajax({

type:"POST",

url:"AJAXServer",

data:"name="+userName+"&"+"test=123",

success:function(data){

$("#result").html(data);

}

});

}

ajax方法的使用(customForAjaxText)接收數(shù)據(jù)類型是XML的數(shù)據(jù)：

function verify(){

//1.獲取文本框的數(shù)據(jù)

//通過JQuery的方式獲取

var jqueryObj = $("#userName");

//獲取節(jié)點的值

var userName = jqueryObj.val();

//2.將文本框的數(shù)據(jù)發(fā)送到服務(wù)器端的servlet

$.ajax({

type:"POST",

url:"AJAXXMLServer",

data:"name="+userName+"&"+"test=123",

dataType:"xml",

success:function(data){

//首先需要將傳過來的DOM對象轉(zhuǎn)化為jquery對象

var jqueryObj = $(data);

//獲取message節(jié)點

var messageNods = jqueryObj.children();

//獲取文本內(nèi)容

var responseText = messageNods.text();

$("#result").html(responseText);

}

});

}

總結(jié)

以上是生活随笔為你收集整理的ajax用post方法,jquery中get,post和ajax方法的使用小结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。