jquery - return Json 提示我下载 Json 而不是将其交给 Controller

Question

我不明白为什么这种情况不断发生...一小时前，我的操作的返回值将 Json 数据返回到我的 View ，并且它正在更新我的列表框...我不知道是什么地球上发生了...但突然间它只是提示我下载数据...我知道我做了什么，事实上我什么也没做...我一定做了什么但是，因为它不再工作了!非常令人沮丧...

这是我的 View 和 Jquery 函数...

    [HttpPost]
    public ActionResult SearchByDemographic1(FormCollection formCollection)
    {

        SLI.Text = patient.name[0].lastName + ", " + patient.name[0].firstName + " | " + patient.address[0].street1 + " | " + patient.address[0].city + " | " + patient.address[0].country;
                SLI.Value = patient.compositeID[0].id + "";
                patientList.Add(SLI);
        }
        ViewData["PatientListToAdd"] = patientList;
        //ViewData["POPID"] = PopID;

        return Json(patientList, JsonRequestBehavior.AllowGet);        
    }



    $(function () {
    $("#DemoGraphSubmit").click(function (e) {
        e.preventDefault();
        var form = $("#DemoGraphID");
        var srlzdform = form.serialize();
        var PopID = <% =PopID %>
        var options = [];
        var serializedForm = form.serialize();
        $.post("/PatientACO/SearchByDemographic", formCollection:srlzdform, function (data) {
            options = $.map(data, function (item, i) {
                return "<option value=" + item.Value + ">" + item.Text + "</option>";
            });
            $("#PatientListToAdd").html(options.join(""));
        });
    });
});

Answer 1

我相信您的 JavaScript 中有一个错误(检查 FireBug)，导致您的 click 事件失败，正常提交表单(并返回 JSON 响应，而不是调用您的回调函数)。

更改此:

$.post("/PatientACO/SearchByDemographic", formCollection:srlzdform, function (data) {
    options = $.map(data, function (item, i) {
        return "<option value=" + item.Value + ">" + item.Text + "</option>";
    });
    $("#PatientListToAdd").html(options.join(""));
});

对此:

$.post("/PatientACO/SearchByDemographic", srlzdform, function (data) {
    options = $.map(data, function (item, i) {
        return "<option value=" + item.Value + ">" + item.Text + "</option>";
    });
    $("#PatientListToAdd").html(options.join(""));
});

有问题的代码是formCollection:srlzdform。这不是有效的 JavaScript 表达式，将导致错误。您可能指的是 { formCollection:srlzdform }，但我认为这没有必要。模型绑定(bind)器应该能够弄清楚。