Mvc Jquery Ajax Post 返回 null答案

【问题标题】：Mvc Jquery Ajax Post returns nullMvc Jquery Ajax Post 返回 null
【发布时间】：2015-11-27 22:59:42
【问题描述】：

我一直在尝试发布两个参数... 这是ajax代码

function Kaydet() {
        var params = {};
        var Kiralayan = $("#RentForm").serialize();            
        params.kisi = Kiralayan ;
        params.aracid = P.AracID;           
        console.log(params);

        $.ajax({
            type: "POST",
            url: '@Url.Action("Save","AracKirala")',
            data: params,
            dataType: "text",
            success: function (response) {
                if (response != "OK") {
                    alert("Kayıt yapılamadı.");
                }
                else {
                    document.getElementById("RentForm").reset();
                    alert("Kayıt başarıyla gerçekleştirildi.");
                    $("#myModal").modal('hide');
                    Ara();
                }

            }
        });

方法

public ActionResult Save(Kiralayan kisi = null, int aracid = 0)
    {

问题是 ajax 正确地发布“aracid”，但在触发该方法时“kisi”变为空...... 我尝试不使用“kisi”发布“aracid”，因此 ajax 可以很好地为一个参数“kisi”发布，但不能一起使用......

【问题讨论】：

将整个表单序列化为一个变量似乎很奇怪。您是否在控制台的网络选项卡中查看了 Ajax 请求中发送的内容？
您选择后两个几乎相同的答案，而只选择评论另一个有什么特别的原因吗？

标签： jquery ajax asp.net-mvc

【解决方案1】：

如果您对表单进行序列化，则可以使用.param() 函数向其添加其他值

var data = $("#RentForm").serialize() + '&' + $.param({ 'aracid': AracID }, true);

$.ajax({
    type: "POST",
    url: '@Url.Action("Save","AracKirala")',
    data: data,
    ....

【讨论】：

他不应该也换个控制器吗？我的意思是在模型中添加aracid 属性？
没有。 $("#RentForm").serialize() 本身将绑定到 Kiralayan kisi，这只是将 ..&aracid=someValue 添加到表单数据中，因此它将绑定到附加参数
那你能告诉我如果 ViewModel 有aracid 属性和控制器有相同的额外参数aracid 会发生什么吗？
嗯，我从来没有测试过 :)，但我猜只有一个会被绑定（DefaultModelBinder 会忽略随后的具有相同名称的 name/value 对，除非属性是 IEnumerable ) 但我不确定。明天要测试的东西。我会告诉你的。
@teo van kot：如果名称出现在模型和参数中，它将映射到模型属性和额外参数。我自己的答案已更新以包含这个小事实。

【解决方案2】：

MVC 会为您映射对象，因此您不妨跳过对象内表单的提取嵌套。

注意事项：

如果aracid也是模型中的一个属性，它将映射到both属性和额外参数。
在 serialise() 集合上使用 push 比在 serialize() 调用之前连接字符串的替代方法更易于维护。

例如

 var Kiralayan = $("#RentForm").serialize();            
 // Add the extra non-form parameter
 Kiralayan.push({name: 'aracid', value: P.AracID});

完整示例：

    function Kaydet() {
        var Kiralayan = $("#RentForm").serialize();            
        // Add the extra non-form parameter
        Kiralayan.push({name: 'aracid', value: P.AracID});         
        console.log(params);

        $.ajax({
            type: "POST",
            url: '@Url.Action("Save","AracKirala")',
            data: Kiralayan,
            dataType: "text",
            success: function (response) {
                if (response != "OK") {
                    alert("Kayıt yapılamadı.");
                }
                else {
                    document.getElementById("RentForm").reset();
                    alert("Kayıt başarıyla gerçekleştirildi.");
                    $("#myModal").modal('hide');
                    Ara();
                }

            }
        });

【讨论】：