使用 ajax 将 JSON 数据发布到跨域

Question

我正在开发基于 Web 表单的 Web 应用程序表单，我想将 JSON 数据发送到一个 MVC 应用程序。两者都在不同的域上。

这是我的ajax方法：

$.ajax({
    type: 'POST',
    contentType: "application/json; charset=utf-8",
    url: 'http://localhost:52099/Controller/Index',   
    data: JSON.stringify(response.d),
    dataType: 'jsonp',
    success: function (response) {
        alert("done");
    },
    error: function(e){
        alert(e);
    }
});

这是我的操作方法：

[HttpGet]
    public ActionResult Index(ClientInformation model)
    {
        return(View);
    }

Index 方法被调用，但我没有得到参数值。我需要做什么？这里有什么不对吗？

这是我作为 response.d 的数据：

[{"Id":50345520,"FirstName":"Matthew","LastName":"McCauley","MiddleName":"","Suffix":null,"NPI":"1083043491","Address":"614 Esplanade St.","City":"Piscataway","State":"NJ","ZIP":"08854","Country":"United States","SubscriberFirstName":null,"SubscriberLastName":null,"SubscriberMiddleName":null,"SubscriberSSN":null,"SubscriberDOB":null,"SubscriberGender":null,"SubscriberSuffix":null,"SubscriberAddress":null,"SubscriberCity":null,"SubscriberState":null,"SubscriberZIP":null,"SubscriberCountry":null,"VisitDate":"\/Date(1483295400000)\/"}]"

还有

public class ClientInformation
{
    public int Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string MiddleName { get; set; }
    public string Suffix { get; set; }
    public string NPI { get; set; }
    public string Address { get; set; }
    public string City { get; set; }
    public string State { get; set; }
    public string ZIP { get; set; }
    public string Country { get; set; }
    public string SubscriberFirstName { get; set; }
    public string SubscriberLastName { get; set; }
    public string SubscriberMiddleName { get; set; }
    public string SubscriberSSN { get; set; }
    public DateTime? SubscriberDOB { get; set; }
    public int SubscriberGender { get; set; }
    public string SubscriberSuffix { get; set; }
    public string SubscriberAddress { get; set; }
    public string SubscriberCity { get; set; }
    public string SubscriberState { get; set; }
    public string SubscriberZIP { get; set; }
    public string SubscriberCountry { get; set; }
    public DateTime? VisitDate { get; set; }
}

Answer 1

我可以看到您的 response.d 是一个数组，因此要在您的控制器操作方法上接收此数据，您需要使用一个列表：

[HttpPost]
public ActionResult Index(List<ClientInformation> model)
{
    return(View);
}

我注意到的另一件事是，您正在发送一个发布请求表单 ajax，并且在您使用 HttpGet 的操作方法上，请将其更改为 HttpPost。

现在将 ClientInformation 模型更改为 List 模型后，您将在模型对象中获得数组 response.d 的完整数据。

我通过向上述操作方法发送以下 ajax 请求在我的应用程序中进行了尝试，我能够正确接收所有数据：

<script>
        $(document).ready(function () {
        var r = [{ "Id": 50345520, "FirstName": "Matthew", "LastName": "McCauley", "MiddleName": "", "Suffix": null, "NPI": "1083043491", "Address": "614 Esplanade St.", "City": "Piscataway", "State": "NJ", "ZIP": "08854", "Country": "United States", "SubscriberFirstName": null, "SubscriberLastName": null, "SubscriberMiddleName": null, "SubscriberSSN": null, "SubscriberDOB": null, "SubscriberGender": null, "SubscriberSuffix": null, "SubscriberAddress": null, "SubscriberCity": null, "SubscriberState": null, "SubscriberZIP": null, "SubscriberCountry": null, "VisitDate": "\/Date(1483295400000)\/" }];
        $.ajax({
            type: 'POST',
            contentType: "application/json; charset=utf-8",
            url: '/Employee/Test',
            data: JSON.stringify(r),
            dataType: 'jsonp',
            success: function (response) {
                alert("done");
            },
            error: function (e) {
                alert(e);
            }
        });

        });
    </script>