jQuery處理xml格式的返回數(shù)據(實例解析)
更新時間：2013年11月28日 08:43:29 作者：
在以下示例中，我將使用$.ajax()方法，使用$.get()方法也可以，但我覺得$.ajax()更好一些，代碼更容易懂，并且也不怎么復雜
在這個示例程序中，我將使用$.ajax()方法，使用$.get()方法也可以，但我覺得$.ajax()更好一些，代碼更容易懂，并且也不怎么復雜。
//定義用戶名校驗的方法
function verify(){
//首先測試一下頁面的按鈕按下，可以調用這個方法
//使用javascript的alert方法，顯示一個探出提示框
//alert("按鈕被點擊了?。?！");
//1.獲取文本框中的內容
//document.getElementById("userName"); dom的方式
//Jquery的查找節(jié)點的方式，參數(shù)中#加上id屬性值可以找到一個節(jié)點。
//jquery的方法返回的都是jquery的對象，可以繼續(xù)在上面執(zhí)行其他的jquery方法
var jqueryObj = $("#userName");
//獲取節(jié)點的值
var userName = jqueryObj.val();
//alert(userName);
//2.將文本框中的數(shù)據發(fā)送給服務器段的servelt
//javascript當中，一個簡單的對象的定義方法
var obj = {name:"123",age:20};
//使用jquery的XMLHTTPrequest對象get請求的封裝
$.ajax({
type: "POST", //http請求方式
url: "AJAXXMLServer", //服務器段url地址
data: "name=" + userName, //發(fā)送給服務器段的數(shù)據
dataType: "xml", //告訴JQuery返回的數(shù)據格式
success: callback //定義交互完成，并且服務器正確返回數(shù)據時調用的回調函數(shù)
});
}
回調函數(shù)：
//回調函數(shù)
function callback(data) {
// alert("服務器段的數(shù)據回來了??！");
//3.接收服務器端返回的數(shù)據
//需要將data這個dom對象中的數(shù)據解析出來
//首先需要將dom的對象轉換成JQuery的對象
var jqueryObj = $(data);
//獲取message節(jié)點
var message = jqueryObj.children();
//獲取文本內容
var text = message.text();
//4.將服務器段返回的數(shù)據動態(tài)的顯示在頁面上
//找到保存結果信息的節(jié)點
var resultObj = $("#result");
//動態(tài)的改變頁面中div節(jié)點中的內容
resultObj.html(text);
alert("");
}
復制代碼 代碼如下:
//定義用戶名校驗的方法
function verify(){
//首先測試一下頁面的按鈕按下，可以調用這個方法
//使用javascript的alert方法，顯示一個探出提示框
//alert("按鈕被點擊了?。?！");
//1.獲取文本框中的內容
//document.getElementById("userName"); dom的方式
//Jquery的查找節(jié)點的方式，參數(shù)中#加上id屬性值可以找到一個節(jié)點。
//jquery的方法返回的都是jquery的對象，可以繼續(xù)在上面執(zhí)行其他的jquery方法
var jqueryObj = $("#userName");
//獲取節(jié)點的值
var userName = jqueryObj.val();
//alert(userName);
//2.將文本框中的數(shù)據發(fā)送給服務器段的servelt
//javascript當中，一個簡單的對象的定義方法
var obj = {name:"123",age:20};
//使用jquery的XMLHTTPrequest對象get請求的封裝
$.ajax({
type: "POST", //http請求方式
url: "AJAXXMLServer", //服務器段url地址
data: "name=" + userName, //發(fā)送給服務器段的數(shù)據
dataType: "xml", //告訴JQuery返回的數(shù)據格式
success: callback //定義交互完成，并且服務器正確返回數(shù)據時調用的回調函數(shù)
});
}
回調函數(shù)：
復制代碼 代碼如下:
//回調函數(shù)
function callback(data) {
// alert("服務器段的數(shù)據回來了??！");
//3.接收服務器端返回的數(shù)據
//需要將data這個dom對象中的數(shù)據解析出來
//首先需要將dom的對象轉換成JQuery的對象
var jqueryObj = $(data);
//獲取message節(jié)點
var message = jqueryObj.children();
//獲取文本內容
var text = message.text();
//4.將服務器段返回的數(shù)據動態(tài)的顯示在頁面上
//找到保存結果信息的節(jié)點
var resultObj = $("#result");
//動態(tài)的改變頁面中div節(jié)點中的內容
resultObj.html(text);
alert("");
}
相關文章
這篇文章主要介紹了jQuery實現(xiàn)給input綁定回車事件的方法,結合實例形式分析了2種常用的事件綁定操作技巧,需要的朋友可以參考下2017-02-02
淺談jquery fullpage 插件增加頭部和版權的方法
下面小編就為大家分享一篇淺談jquery fullpage 插件增加頭部和版權的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看2018-03-03
這篇文章主要介紹了jQuery中odd選擇器的定義和用法,較為詳細的分析了odd選擇器的具體功能、定義與使用方法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jquery 最簡單易用的表單驗證插件，不論是從應用還是學習插件的寫法都是值得一看的。2010-02-02
這篇文章主要介紹了在myeclipse中如何加入jquery代碼提示功能,需要的朋友可以參考下2014-06-06
使用Jquery打造最佳用戶體驗的登錄頁面的實現(xiàn)代碼
使用Jquery打造最佳用戶體驗的登錄頁面的實現(xiàn)代碼，改用jquery使用ajax異步驗證，并在驗證的過程中將頁面元素設置為不可用，防止重復登錄。2011-07-07
從零開始學習jQuery (七) jQuery動畫實現(xiàn) 讓頁面動起來
開發(fā)人員一直痛疼做動畫. 但是有了jQuery你會瞬間成為別人(那些不知道jQuery的人)眼里的動畫高手! 本文將介紹jQuery的動畫相關函數(shù).原來做動畫如此簡單!2011-02-02
這篇文章主要介紹了jquery實現(xiàn)的放大鏡效果,結合實例形式分析了jQuery放大鏡插件shoplistxq.js的定義與使用相關操作技巧,需要的朋友可以參考下2020-02-02
左側提示滑進滑出的平滑效果使用jQuery實現(xiàn)，具體代碼及截圖如下，感興趣的朋友可以參考下哈，希望對大家學習jquery有所幫助2013-06-06
本文通過實例代碼給大家分享了jquery 加密密碼到cookie的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04