Jquery Ajax WebService

  仅供参考

ws.aspx 代码

                $.ajax({

                    type: "POST",   //访问WebService使用Post方式请求

                    contentType: "application/json", //WebService 会返回Json类型

                    url: "WebService1.asmx/HelloWorld", //调用WebService的地址和方法名称组合 ---- WsURL/方法名

                    data: "{}",         //这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到      

                    dataType: 'json',

                    success: function(result) {     //回调函数，result，返回值

                        $('#dictionary').append(result.d);

                    }

                });   

        //有参数调用

                     $.ajax({

                    type: "POST",

                    contentType: "application/json",

                    url: "WebService1.asmx/GetWish",

                    data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",

                    dataType: 'json',

                    success: function(result) {

                });

        //返回集合（引用自网络，很说明问题）

                     $.ajax({

                    url: "WebService1.asmx/GetArray",

                    data: "{i:10}",

                        $(result.d).each(function() {

                            //alert(this);

                            $('#dictionary').append(this.toString() + " ");

                            //alert(result.d.join(" | "));

                        });

        //返回复合类型

                    url: "WebService1.asmx/GetClass",

                    data: "{}",

                            $('#dictionary').append(this['ID'] + " " + this['Value']);

                            //alert(result.d.join(" | "));

        //返回DataSet(XML)

                      $.ajax({

                    url: "WebService1.asmx/GetDataSet",

                    dataType: 'xml', //返回的类型为XML ，和前面的Json，不一样了

                    //演示一下捕获

                        try {  

                            $(result).find("Table1").each(function() {

                                $('#dictionary').append($(this).find("ID").text() + " " + $(this).find("Value").text());

                            });

                        }

                        catch (e) {

                            alert(e);

                            return;

                    },

                    error: function(result, status) { //如果没有上面的捕获出错会执行这里的回调函数

                        if (status == 'error') {

                            alert(status);

        //Ajax 为用户提供反馈，利用ajaxStart和ajaxStop 方法，演示ajax跟踪相关事件的回调，他们两个方法可以添加给jQuery对象在Ajax前后回调

        //但对与Ajax的监控，本身是全局性的

        $(document).ready(function() {

            $('#loading').ajaxStart(function() {

                $(this).show();

            }).ajaxStop(function() {

                $(this).hide();

            });

        });

        // 鼠标移入移出效果，多个元素的时候，可以使用“，”隔开

            $('div.button').hover(function() {

                $(this).addClass('hover');

            }, function() {

                $(this).removeClass('hover');

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。

    [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        /// <summary>

        /// 无参数

        /// </summary>

        /// <returns></returns>

        [WebMethod]

        public string HelloWorld()

        {

            return "Hello World ";

        }

        /// <summary>

        /// 带参数

        /// <param name="value1"></param>

        /// <param name="value2"></param>

        /// <param name="value3"></param>

        /// <param name="value4"></param>

        public string GetWish(string value1, string value2, string value3, int value4)

            return string.Format("祝您在{3}年里 {0}、{1}、{2}", value1, value2, value3, value4);

        /// 返回集合

        /// <param name="i"></param>

        public List<int> GetArray(int i)

            List<int> list = new List<int>();

            while (i >= 0)

            {

                list.Add(i--);

            }

            return list;

        /// 返回一个复合类型

        public Class1 GetClass()

            return new Class1 { ID = "1", Value = "牛年大吉" };

        }

        /// 返回XML

        public DataSet GetDataSet()

            DataSet ds = new DataSet();

            DataTable dt = new DataTable();

            dt.Columns.Add("ID", Type.GetType("System.String"));

            dt.Columns.Add("Value", Type.GetType("System.String"));

            DataRow dr = dt.NewRow();

            dr["ID"] = "1";

            dr["Value"] = "新年快乐";

            dt.Rows.Add(dr);

            dr = dt.NewRow();

            dr["ID"] = "2";

            dr["Value"] = "万事如意";

            ds.Tables.Add(dt);

            return ds;

    }

    //自定义的类，只有两个属性

    public class Class1

        public string ID { get; set; }

        public string Value { get; set; }

}

（引）

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明：博客园