Jquery Ajax学习实例6-向WebService发出请求，返回DataSet(XML) 异步调用

一、WebService.asmx：

　　处理业务数据，在GetDataSet()方法中产生DataSet(XML)数据，供JqueryRequest.aspx调用，代码如下:

　　[WebMethod]
    public DataSet GetDataSet()
    {
        DataSet ds = new DataSet();
        DataTable dt = new DataTable();
        dt.Columns.Add("Name", Type.GetType("System.String"));
        dt.Columns.Add("Password", Type.GetType("System.String"));
        DataRow dr = dt.NewRow();
        dr["Name"] = "小花";
        dr["Password"] = "aaaaaaaaa";
        dt.Rows.Add(dr);
        dr = dt.NewRow();
        dr["Name"] = "小兵";
        dr["Password"] = "bbbbbbbbb";
        dt.Rows.Add(dr);
        ds.Tables.Add(dt);
        return ds;
    }

 

二、AjaxRequest.aspx

　　通过点击按钮来请求WebService.asmx的 GetDataSet()方法，获取XML数据对象。代码如下：

 //返回DataSet(XML)
        $(document).ready(function() {
            $('#btnDataset').click(function() {
                $.ajax({
                    type: "POST",
                    url: "WebService.asmx/GetDataSet",
                    data: "{}",
                    dataType: 'xml', //返回的类型为XML
                    success: function(result) {       //成功时执行的方法
                        //捕获处理过程中的异常并输出
                        try {
                            $(result).find("Table1").each(function() {
                                $('#dd').append($(this).find("Name").text() + " " + $(this).find("Password").text());
                            });
                        }
                        catch (e) {
                            alert(e);
                            return;
                        }
                    },
                    error: function(result, status) { //出错时会执行这里的回调函数
                        if (status == 'error') {
                            alert(status);
                        }
                    }
                });
            });
        });