如何使用控制器解决 Javascript 中的数据绑定?

Posted

技术标签:

【中文标题】如何使用控制器解决 Javascript 中的数据绑定?【英文标题】:How can I solve data binding in Javascript with controller? 【发布时间】:2019-09-22 19:54:23 【问题描述】:

我在 javascript 中动态建立了一个下拉列表。我想与我的控制器进行数据竞价,但它无法识别该元素。

我的 Javascript 代码:

var mySelect = $('#users');

$.each(data, function(val, patient) 
  mySelect.append(
    $('<option name="clientId"></option>').val(patient.patientId).html(patient.patientName)
  );
);

我的控制器:

[HttpPost]
public int DoctorSurvey(string clientId)

   int ok=1;
   return ok;

clientId 始终为 null,但我选择了一个值。谁能帮帮我,我该如何解决 javascript 中的数据绑定问题?

【问题讨论】:

name 属性添加到select 而不是options 是的,它解决了我的问题。非常感谢。 我已经添加了一个答案。您可以点击旁边的灰色复选标记accept it 【参考方案1】:

当提交form 时,所有输入的name 属性与value 一起发送到服务器。 ModelBinder 然后将这些名称与模型的属性或 POST 操作方法中使用的参数名称进行匹配。因此,您应该将name = clientId 属性添加到select 而不是options

【讨论】:

以上是关于如何使用控制器解决 Javascript 中的数据绑定?的主要内容,如果未能解决你的问题,请参考以下文章

如何:在 Laravel 4 中将数据从控制器传递到 JavaScript?

如何将数据循环到laravel刀片javascript中的数组中?

我如何检查 javascript 中的用户角色(没有剃须刀或控制器)

Javascript中的 “&” 和 “|” 具体有什么作用?如何进行使用?

Asp.net 使用 ajax (javascript) 从布局页面中的 api 控制器获取数据

如何使用 AJAX 请求将用户在类变量中的 HTML5 位置从 JavaScript 传递到 Rails 控制器?