利用jQuery接受和处理xml数据的代码(.net)
2011-03-28 00:00
741 查看
效果如下:
服务器端
修改web.xml
请求页面
js
服务器端
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> <!--div和span的直观差异,div中的内容独占行,span中的内容和前后其他内容相处良好--> </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); }
相关文章推荐
- 利用jQuery接受和处理xml数据
- 利用jQuery接受和处理xml数据
- 【Ajax技术】利用XHR接受与处理XML数据
- Asp.net利用JQuery弹出层加载数据代码
- 用jQuery接受和处理xml数据
- asp.net---代码读取处理数据与JQuery控制
- asp.net中jquery(ajax)方式处理ashx返回的xml数据(转载)
- 利用ASP发送和接收XML数据的处理方法与代码
- 利用ASP发送和接收XML数据的处理方法与代码
- ASP.NET 2.0中XML数据的处理
- 利用jQuery的ajax从xml文件中加载数据
- 在.NET Framework中轻松处理XML数据(二)
- C#.NET示例读写xml所有节点的代码实现方法和读取xml节点的数据总结
- ASP.NET中利用SQLXML WEB服务访问XML数据
- asp下利用XMLHTTP 从其他页面获取数据的代码
- Asp.net利用JQuery弹出层加载数据
- 关于JQuery 中$.ajax函数利用jsonp实现Ajax跨域请求ASP.NET的WebService成功获取数据的案例
- [asp.net入门]利用ADO.NET处理数据的简单之处