jQuery處理xml格式的回傳資料(實例解析)_jquery

在這個範例程式中，我將使用$.ajax()方法，使用$.get()方法也可以，但我覺得$.ajax()更好一些，程式碼更容易懂，並且也不怎麼複雜。

複製程式碼 程式碼如下:

//定義使用者名稱校驗的方法


//定義使用者名稱校驗的方法
function verify(){
    //先測試頁面的按鈕按下，可以呼叫這個方法
    //使用javascript的alert方法，顯示一個探出提示框
    //alert("按鈕被點擊了！參數中#加上id屬性值可以找到一個節點。
    //jquery的方法回傳的都是jquery的對象，可以繼續在上面執行其他的jquery方法
    var jqueryObj = $("#userName");
    //取得節點的值
    var userName = jqueryObj.val();
    //alert(userName);
    //2.將文字方塊中的資料傳送至伺服器區段的servelt
   //2.將文字方塊中的資料傳送至伺服器區段的servelt
   //2.將文字方塊中的資料傳送給伺服器段的servelt
  物件的定義方法
    var obj = {name:"123",age:20};
    //使用jquery的XMLHTTPrequest物件get請求的封裝POST",            //http請求方式
        url: "AJAXXMLServer",    //傳送給伺服器段的資料
        dataType: "xml" ,  //告訴JQuery回傳的資料格式
        success: callback  //定義互動完成，且伺服器正確回傳資料時所呼叫的回呼函數
    });
}
}
回呼函數：

複製程式碼 程式碼如下://    alert("伺服器段的資料回來了！！");

    //3.接收伺服器端回傳的資料
    //需要將data這個dom物件中的資料解析出來
    //首先需要將dom的物件轉換成JQuery的物件
    var jqueryObj = $(data);
    //取得message = 🎜> 🎜>    //取得文字內容
    var text = message.text();
    //4.將伺服器段傳回的資料動態的顯示在頁面上
    //找到儲存結果資訊的節點
    var resultObj = $("#result");
    //動態的改變頁中div節點中的內容
    resultObj.html(text);
    resultObj.html(text);
 }