使用jQuery AJAX将字符串数组传递给webmethod，并带有可变数量的参数

本文关键字：参数 webmethod AJAX jQuery 字符串 数组 使用 | 更新日期: 2023-09-27 18:12:55

我试图将字符串参数数组传递给c# ASP。. NET web服务使用jQuery Ajax。这是我的示例web方法。注意，该函数接受的参数数量是可变的。当我运行jquery时，我在Chrome的javascript控制台得到500内部服务器错误。我使用jquery 1.6.2和。net 3.5

[WebMethod]
public string Concat(params string[] arr)
{
    string result = "";
    for (int i = 0; i < arr.Length; i++)
    {
        result += arr[i];
    }
    return result;
}

这是jquery:

$(document).ready(function() {
    var myCars=new Array(); 
    myCars[0]="Saab";      
    myCars[1]="Volvo";
    myCars[2]="BMW";
    $.ajax({
        type: "POST",
        url: "WebService.asmx/Concat",
        data: {arr: myCars},        //can't figure out what to put here     
        success: onSuccess,
        Error: onError
    });
});
function onSuccess()
{
    alert("testing");
}
function onError() 
{
    alert("fail");
}
</script>

任何帮助都是感激的!

使用jQuery AJAX将字符串数组传递给webmethod，并带有可变数量的参数

修改后的服务器端代码:

[WebMethod]
public string Concat(List<string> arr)
{
    string result = "";
    for (int i = 0; i < arr.Count; i++)
    {
        result += arr[i];
    }
    return result;
}

同样，将此添加到WebService类声明之上:

[System.Web.Script.Services.ScriptService]

修改后的客户端代码:

    $(document).ready(function () {
        var myCars = new Array();
        myCars[0] = "Saab";
        myCars[1] = "Volvo";
        myCars[2] = "BMW";
        $.ajax({
            type: "POST",
            url: "WebService.asmx/Concat",
            data: JSON.stringify({ arr: myCars }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: onSuccess,
            failure: onError
        });
    });
    function onSuccess(response) {
        alert(response.d);
    }
    function onError() {
        alert("fail");
    }

另外，在该脚本块上方添加对JSON2的引用，例如:

<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>

指出:

  • 我在。net 4和jQuery 1.6.4下测试了这个。
  • 确保您保持客户端和服务器变量名同步:
    public string Concat(List<string> arr)
    data: JSON.stringify({ arr: myCars })
相关文章：