溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“java+jquery如何處理xml數據”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“java+jquery如何處理xml數據”吧！
1. AjaxJqueryXml.js如下：
復制代碼 代碼如下:
function verify(){
//1.獲取文本框中的內容
//jquery查找節點的方式，參數加#加上id屬性可以找到一個節點
//jquery的方法返回的都是jquery的對象，可以繼續在上面執行其他的jquery方法
var jqueryObj = $("#userName");
//獲取節點的值
var userName = jqueryObj.val();
//alert(userName);
//2.將文本框中的數據發送給服務遄的servlet
//使用jquery的XMLHTTPrequest對象get請求的封裝
//$.get("servlet/AjaxServlet?name="+userName,null,callback);
//使用jquery的xmlhttprequest對象get請求的封裝
//var obj = {name:"123",age:20};
$.ajax({
type: "POST",
url: "servlet/AjaxXmlServlet",
data: "name=" + userName,//發送給服務端的數據
dataType: "xml",//告訴jquety返回的數據格式
success: callback//定義交互完成，并且服務端在下返回數據的回調函數
});
}
// 回調函數
function callback(data){
//3.接收服務器端返回的數據
//alert("服務器端的數據回來了！")
//需要將data這個對象中的數據解析出來
//首先需要將dom的對象轉換成jquery的對象
var jqueryObj = $(data);
//獲取message節點
var message = jqueryObj.children();
//獲取文本內容
var text = message.text();
//4.將服務器返回的數據動態的顯示在網頁上
//找到保存結果信息的節點
var resultObj = $("#result");
//動態的改變頁面中DIV節點的內容
resultObj.html(text);
//alert("");
}
2. AjaxXmlServlet.java如下：
復制代碼 代碼如下:
package com.panlong.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxXmlServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
Integer total = (Integer) req.getSession().getAttribute("total");
int temp = 0;
if(total == null ){
temp = 1;
}else{
temp = total.intValue() + 1;
}
req.getSession().setAttribute("total",total.intValue()+temp);
try {
//1.取參數
resp.setContentType("text/xml;charset=GB2312");
PrintWriter out = resp.getWriter();
StringBuilder builder = new StringBuilder();
String old = req.getParameter("name");
//2、檢查參數是否有問題
String name = old;
builder.append("<message>");
if("".equals(old) || old == null){
builder.append("用戶名必須輸入").append("</message>");
}
else
{
if("lila".equals(name)){
builder.append("該用戶名已經注冊").append("</message>");
}else{
builder.append("該用戶名未注冊，您可以注冊["+name+"]這個用戶名").append("</message>");
}
}
out.println(builder.toString());
}catch (Exception e) {
e.printStackTrace();
//3.檢驗操作
}
}
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}
3. 前臺html頁面
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>AJAX實例</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=GB2312">
<script type="text/javascript" src="js/AjaxJqueryXml.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<font color="blue" size="2">請輸入用戶名：</font>
<input type="text" id="userName" /><font color="red" size="2"><span id="result" >*</span></font><br/><br/>
<input type="submit" name="提交" value="提交" onclick="verify()"/>
</body>
</html>
感謝各位的閱讀，以上就是“java+jquery如何處理xml數據”的內容了，經過本文的學習后，相信大家對java+jquery如何處理xml數據這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
