使用jQuery Ajax将参数传递给方法背后的代码时出错

Question

我不知道这段代码有什么问题。 我无法正确实施。 在此先感谢您的帮助。 到目前为止，这是我尝试过的并遇到的问题

<script type="text/javascript">
            $(document).ready(function () {
                for (var key in localStorage) {
                    GetQuickVL(key);
                }
            });
            function GetQuickVL(key) {
                if (key.substring(0, 4) == "vhs-") {
                    $.ajax({
                        type: "POST",
                        url: "/QuickViewList.aspx/GetQuickVD",
                        data: '{key: ' +'1' + '}',
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: OnSuccess,
                        failure: function (response) {
                            alert(response.response);
                        },
                        error: function (response) {
                            alert(response.error);
                        }
                    });
                }
            }
            function OnSuccess(response) {
                alert('df');
            }
</script>

C-Sharp代码是

[WebMethod]
public int GetQuickVD(int key)
{
    return key;
}

Answer 1

key是一个int 。 您已将其作为string传递：

'{key: ' +'1' + '}',

要么做：

{key: 1 },

或让您的网络方法将object或string作为其参数：

[WebMethod]
public int GetQuickVD(object key)
{
    return Convert.ToInt32(key);
}

这是一个完整的工作示例（我刚刚对此进行了测试）。 适应您的需求：

网络服务：

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)] 
[System.Web.Script.Services.ScriptService] // <- ** MAKE SURE THIS IS UNCOMMENTED!
public class WebService1 : System.Web.Services.WebService
{
    [WebMethod]
    public int GetQuickVD(int key)
    {
        return key;
    }
}

Aspx页面：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.foo').click(function () {
            $.ajax({
                type: "POST",
                url: "WebService1.asmx/GetQuickVD",
                data: '{key: ' + '1' + '}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function () {
                    alert("success");
                }
            });
        })
    });
</script>
<a href="#" class="foo">click me</a>

Answer 2

如果该方法在您代码的后面（.aspx.cs文件），请尝试将GetQuickVD方法声明为静态方法。 因此它是公共静态int GetQuickVD（int key）。