javascript - 尝试使用 AJAX 动态加载表，但未显示行

Question

在表单中，我有一个下拉列表和一个文本框，它将获取用户的输入。然后，当用户提交表单时，我不希望刷新整个页面。我只想要它下面的表来刷新并从数据库加载数据。我尝试了下面的代码，但只弹出警报。 table 还是空的。

$('#frmPrescDrugList').submit(function (e) {

        e.preventDefault(); // Prevent Default Submission

        $.ajax({
            url: '/consultation/PrescDrugList',
            type: 'POST',
            data: $(this).serialize(), // it will serialize the form data
            dataType: 'html',
            success: function (data) {
                var row_data = "";
                row_data += "@{ var rowNum = 0; } @foreach (var item in Model.LoadDrugList) {
                                            rowNum += 1;
                                            <tr Class="odd gradeX">
                                                <td>@rowNum</td>
                                                <td>@item.dsubsystem</td>
                                                <td>@item.tradename </td>
                                                <td style="text-align: center; vertical-align: middle;"><form Class="form-horizontal" role="form" action="@Url.Action("Prescription", "consultation", new {dgid = item.dgid})" method="post"><Button type="submit" Class="btn btn-default" name="btnDrugListSelect">Select</Button></form></td>
                                            </tr>
                                    }";
                $("#LoadDrugListTable").append(row_data);


                alert('Drug list has been loaded.');

            },
            error: function () {
                alert('Ajax Submit Failed ...');
            }
        }); // end ajax

    }); // end form-submit

LoadDrugListTable 是表的 ID。 ajax成功后为什么没有加载数据？任何人都可以帮助指出我的错误或建议我更好的示例引用吗？

我尝试关注 this例如，但我被困在@Url.Action() 处。其下划线为红色。当我尝试用“”和+分隔它们时，它仍然带有红色下划线，表示

Too many characters in character literal.

已更新

这是我提到的没有正确传递 id 的表单。我将它传递给 get 方法。顺便说一句，这是一个与我上面提到的完全不同的页面。当我尝试在另一个页面中执行相同的操作时，它会传递一个空付费值。付费的是id。也许是因为这次我要转到另一个页面。

"<td style='text-align: center; vertical-align: middle;'><form Class='form-horizontal' role='form' action='@Url.Action("PatientMedicalInfo", "consultation", new { paid = Html.Raw(" + data[i].paid + ") }) method='get'><Button Class='btn btn-default' name='btnSelectPatient' id='btnSelectPatient'>Select</Button></form></td>"

这是 Controller :

    [HttpGet()]
    public ActionResult PatientMedicalInfo(string paid)
    {

        PatientLookupVM Patient = new PatientLookupVM();

        dynamic CurrentPatientDetailsByPtId = Patient.GetCurrentPatientDetailsByPtId(paid);
        Patient.LoadCurrentPatientDetails = CurrentPatientDetailsByPtId;

        return View(Patient);

    }

Answer 1

尝试将双 " 引号替换为单 ' 引号。为了保持一致性，您可以在任何地方替换它们。

<td ... action='@Url.Action("Prescription", "consultation", new {dgid = item.dgid})' ... </td>