利用jQuery接受和處理xml資料的代碼(.net)

最後更新：2013-10-16 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

效果如下：

伺服器端
複製代碼代碼如下:
package com.ljq.test;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.ServletException;
import java.io.IOException;
import java.io.PrintWriter;
/**
* 利用jQuery接受和處理xml資料
*
* @author jiqinlin
*
*/
@SuppressWarnings("serial")
public class AjaxXmlServer extends HttpServlet{
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
try{
//修改一----響應的Content-Type必須是text/xml
response.setContentType("text/xml;charset=utf-8");
PrintWriter out = response.getWriter();
//1.取參數
String old = request.getParameter("name").trim();
//修改二-----返回的資料需要拼裝成xml格式
StringBuilder builder = new StringBuilder();
builder.append("<message>");
//2.檢查參數是否有問題
if(old == null || "".equals(old)){
builder.append("使用者名稱不可為空").append("</message>");
} else{
//3.校正操作
String name = old;
if(name.equals("linjiqin")){
builder.append("使用者名稱[" + name + "]已經存在，請使用其他使用者名稱").append("</message>");
} else{
builder.append("使用者名稱[" + name + "]尚未存在，可以使用該使用者名稱註冊").append("</message>");
}
out.println(builder.toString());
System.out.println(builder.toString());
}
} catch(Exception e){
e.printStackTrace();
}
}
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
}

修改web.xml
複製代碼代碼如下:
<servlet>
<servlet-name>AjaxXmlServer</servlet-name>
<servlet-class>com.ljq.test.AjaxXmlServer</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AjaxXmlServer</servlet-name>
<url-pattern>/servlet/ajaxXmlServer</url-pattern>
</servlet-mapping>

請求頁面
複製代碼代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://localhost:8083/jqueryprj/js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://localhost:8083/jqueryprj/js/verifyjqueryxml.js"></script>
</head>
<body>
<input type="text" id="userName" />
<input type="button" value="校正" onclick="verify()"/>
<div id="result"></div>

</body>
</html>

js
複製代碼代碼如下:
function verify(){
var userName = $("#userName").val();
$.ajax({
type: "POST", //http請求方式
url: "servlet/ajaxXmlServer", //伺服器端url地址
data: "name=" + userName, //發送給伺服器端的資料
dataType: "xml", //告訴JQuery返回的資料格式
success: callback //定義互動完成，並且伺服器正確返回資料時調用的回呼函數
});
}
//回呼函數
function callback(data) {
var jqueryObj = $(data);
//擷取message節點
var message = jqueryObj.children();
//擷取常值內容
var text = message.text();
//4.將伺服器段返回的資料動態顯示在頁面上
$("#result").html(text);
}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More