javascript - 当另一个使用数据库更改时更改表单字段

Question

编辑:suggested duplicate似乎是根据页面的当前状态更改数据库。我正在尝试根据数据库的状态更改页面。

我有一个类似于 this 的表单。出生日期和帐号字段基于患者的数据库条目。当我选择新患者时，我希望更改这两个字段。

这可以通过 $().change() 函数与 .val() 组合轻松完成，但我不能在中间使用 JavaScript我的 C# 数据库查询。我不知道如何解决这个问题。

我想这样做:

var patient = $("#PatientID");

patient.change(function () {
    $("#DoB").val(@db.Patients.Find(patient.val()).DateOfBirth);
    $("#AccNum").val(@db.Patients.Find(patient.val()).AccNum);
});

但显然 patent.val() 在那里无效。

据我所知，将值传递给 Controller ​​并返回新 View 会过早保存模型，这是我想避免的，此外还刷新页面，这是用户体验禁忌。

Answer 1

你有点过分了。

JavaScript 以及 HTML 和 CSS 是客户端的一部分。如果发生任何更改，您应该使用下拉列表中的值向服务器发出一个 ajax 请求。

$('#PatientID').change(onPatientChange);

function onPatientChange(eventData) {
    console.log($(this).val());
    // Ajax call should be placed here, and when the data is received
    // you should replace it with the old text boxes.
    // using $('#DoB').val(VALUE-RETURNED-BY-SERVER);
}