ajax 调用 webService

Posted 2020-09-30 水墨晨诗

前台脚本

<script type="text/javascript">
        $(function () {
            $.ajax({
                type: "POST", //访问WebService使用Post方式请求
                contentType: "application/json", //请求WebService 返回的数据类型(默认是xml，这里声明成了Json)
                url: "WebService.asmx/ReverseString", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
                data: "{ value1: ‘明天到操场操到天明‘ }", //这里是要传递的参数，格式为 data: "{paraName:paraValue}"
                dataType: ‘json‘, //请求webService时，给webService传递数据的格式。
                success: function (result) {//回调函数，result，返回值
                    alert(result.d);
                }
            });
        });
    </script>

前台代码注意点：

　　1、 声明了返回值和传输值为JSON格式的时候，传递的data应该是json格式的字符串，否则chrome会报错

　　2、关于result.d，很多博客都没有说明。返回的json字符串的key之所以是d，是为了确保安全（防止XSS攻击）（http://blog.sina.com.cn/s/blog_6c762bb30100wqs9.html）

后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

namespace Demo
{
    /// <summary>
    /// WebService 的摘要说明
    /// </summary>
    [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 WebService : System.Web.Services.WebService
    {
        [WebMethod]
        public string ReverseString(string value1)//这个方法的参数一定要和ajax的data中的key的名字相同，这里是value1,ajax中data的key也是value1
        {
            char[] arr = value1.ToCharArray();
            Array.Reverse(arr);
            value1 = new string(arr);
            return value1;　                      //返回的string会自动转换成JSON？　　　　　　　　　　　
        }
    }
}

 如果是本项目中ajax请求后台，那么优先推荐使用一般处理程序。