使用C＃中的参数从JQuery调用WebMethod

Question

我有以下HTML超链接，我想在点击时在jQuery中调用它

<a href="#" data-toggle="dropdown" id="notID" class="dropdown-toggle f-s-14">
                <i class="fa fa-bell"></i>
                <span runat="server" id="notCount" class="label">5</span>
            </a>

当我单击超链接时，执行以下代码

<script src="assets/plugins/jquery/jquery-1.9.1.js"></script>
<script>
    $(document).ready(function () {
        $("#notID").click(function () {

            var uID = '<%=Session["userID"].ToString() %>'

            $.ajax({
                url: 'TaskService.asmx/updateNotRead',
                data: '{userID: "' + uID + '"}',
                type: 'POST',
                contentType: 'application/json',
                dataType: 'json'
            });
            return false;
        });
    });
</script>

在webservice文件中，我编写了以下C＃代码，它们具有我从上面的jQuery调用的web方法的定义。

[WebMethod]
    public void updateNotRead(string userID)
    {
        u.updateNotReadStatus(userID);
    }

当我调用Web服务时，我在浏览器中收到以下消息

System.InvalidOperationException: Missing parameter: userID.
   at System.Web.Services.Protocols.ValueCollectionParameterReader.Read(NameValueCollection collection)
   at System.Web.Services.Protocols.UrlParameterReader.Read(HttpRequest request)
   at System.Web.Services.Protocols.HttpServerProtocol.ReadParameters()
   at System.Web.Services.Protocols.WebServiceHandler.CoreProcessRequest()

那么我怎样才能给web方法提供userID参数呢？

Answer 1

试试这样：

var uID = '<%=Session["userID"].ToString() %>';
$.ajax({
    url: 'TaskService.asmx/updateNotRead',
    data: "{userID : '" + uID + "'}",
    type: 'POST',
    contentType: 'application/json',
    dataType: 'json'
});

Answer 2

data: '{userID: "' + uID + '"}',

它应该是：

data: "{userID : '" + uID + "'}",

Answer 3

我认为你的问题在于数据参数。

data:{userID:uID},

代替

data: '{userID: "' + uID + '"}',

我会使用一个对象para来包含参数，这可以让代码更简单。

var uID = '<%=Session["userID"].ToString() %>';
var para = {userID:uID};
$.ajax({
    url: 'TaskService.asmx/updateNotRead',
    data: para,
    type: 'POST',
    contentType: 'application/json',
    dataType: 'json'
});