[JQ权威指南]JQuery操作XML数据

(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;
        }
    }

}

原文地址：https://david.blog.csdn.net

[JQ权威指南]JQuery操作XML数据

相关推荐