[JQ权威指南]JQuery操作XML数据
2016-08-02 09:02
363 查看
(1)功能描述 在上个例子上加一个ID,并在页面中增加一个删除链接,向服务端发起删除请求,服务端接收请求后,删除学生对应的ID记录。修改XML数据。。。
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Jscript/jquery-1.4.2.min.js"></script> <style type="text/css"> body{font-size:13px} .iframe{width:320px;border:solid 1px #666} .iframe .title{padding:5px;background-color:#eee;} .iframe .content{padding:8px; font-size:12px;} .btn {border:#666 1px solid;padding:2px;width:80px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} </style> <script type="text/javascript"> var arrGrade = new Array(980886, 980666); function lnk_Delete(i) { var btnYN = confirm("您真的要删除吗?"); if (btnYN) { $.post("7-7.ashx?Id=" + i, function (data) { if (data) { $("#Button1").click(); } else { alert(data); } }); } } $(function () { $("#Button1").click(function () { var strHTML = ""; $.ajax({ url: '7-7.xml', dataType: 'xml', success: function (data) { $.each(arrGrade, function (i) { var $strUser = $(data).find("User[grade=" + arrGrade[i] + "]"); strHTML += "<h3>年级:" + arrGrade[i] + "</h3>"; $strUser.each(function () { var $strId = $(this).children("id").text(); strHTML += "编号:" +$strId+"<a href='javascript:' onclick='lnk_Delete("+$strId+")'>删除</a><br> " strHTML += "姓名:" + $(this).children("name").text() + "<br>"; strHTML += "性别:" + $(this).children("sex").text() + "<br>"; strHTML += "邮箱:" + $(this).children("email").text() + "<hr>"; }); }); $("#Tip").html(strHTML); } }); }); }); </script> </head> <body> <div class="iframe"> <div class="title"> <input id="Button1" type="button" class="btn" value="获取数据" /> </div> <div class="content"> <div id="Tip"></div> </div> </div> </body> </html>
服务端:
<%@ WebHandler Language="C#" Class="_7_7" %> using System; using System.Web; using System.Xml; public class _7_7 : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; string strId = context.Request.QueryString["Id"].ToString(); int intStatus = 0; XmlDocument xmlDoc = new XmlDocument(); try { xmlDoc.Load(context.Server.MapPath("7-7.xml")); XmlNodeList xmlNodeList = xmlDoc.SelectNodes("Info/User[id='" + strId + "']"); XmlNode xmlNode = xmlNodeList.Item(0); xmlNode.ParentNode.RemoveChild(xmlNode); xmlDoc.Save(context.Server.MapPath("7-7.xml")); int Status = 1; } catch (Exception) { throw; } context.Response.Write(intStatus); } public bool IsReusable { get { return false; } } }
相关文章推荐
- [JQ权威指南]JQuery读取XML数据
- [JQ权威指南]JQ操作JSON数据
- [JQ权威指南]使用JQuery调用XML实现无刷新即时聊天
- [JQ权威指南]get实现异步获取XML文档数据
- Jquery重新学习之六[操作XML数据]
- [JQ权威指南]全局函数getJSON()实现异步获取数据
- [JQ权威指南]jQuery上传插件Uploadify使用详解
- [JQ权威指南]自定义JQuery插件
- Windows 8 应用开发权威指南 之 应用程序的数据存储(1)应用程序安装目录操作
- 使用JQuery的Ajax操作html,xml,json数据
- [JQ权威指南]第十二天:使用Jquery事件改变文本框的样式
- [JQ权威指南]使用JQ读取JSON数据
- Windows 8 应用开发权威指南 之 应用程序的数据存储(1)应用程序安装目录操作
- [JQ权威指南]第十三天:三个下拉列联动展示数据
- [JQ权威指南]使用全局函数post()向服务器请求数据
- [JQ权威指南]JQuery中的全局事件
- [JQ权威指南]第一天:事件操作链接式书写
- [JQ权威指南]使用全局函数get()向服务器请求数据
- [JQ权威指南]getScript函数获取数据
- [JQ权威指南]第二天:JQuery控制CSS样式