使用JSON/Javascript将表值返回给视图模型/控制器
Using JSON/Javascript to return table values to viewmodel/controller
我对Javascript/JSON比较陌生,我一直在寻找一个如何做到这一点的例子。目前我的视图中是
<p>Please enter your email and phone number registered with the account</p>
<table id="Table">
<tr>
<td>Email</td>
<td> <input id = "email" type ="text" name= "email" /></td>
</tr>
<tr>
<td>Phone Number</td>
<td> <input id = "phone" type ="text" name= "phone" /></td>
</tr>
</table>
<input type="button" value="Submit" id="sendMSG">
我想把它发送到下面的控制器
public JsonResult SendMessage(SMSTestViewModel model)
{
string email = model.email;
string number = model.phone;
}
我想做的是写一个脚本说,当我点击按钮,发送信息,我把在两个文本框到我的视图模型,然后到我的控制器。我还想在它不刷新页面时这样做。
如果你能把我引到正确的方向,那就太好了。
我想我明白你在找什么。您想要将表单发送到SendMessage操作结果?
这就是你想要的。
function submit() {
$.ajax({
type: "POST",
url: /SendMessage,
contentType: "application/json",
dataType: "json",
data: { "email" : $("#email").value, "phone" : $("#phone").value },
success: function (data) {
console.log(data);
},
error: console.log("Where's the nearest bar?");
});
}
$("#sendMSG").click(function () {
submit();
});
对不起,我以为你在使用JQuery。
如果您不想使用JQuery,只需更改。
$("#phone")
. getelementbyid(电话)
这里是如何在没有JQuery的情况下创建POST。
如何使AJAX调用没有jQuery?
希望这对你有帮助。
相关文章:
- 如何在视图模型contet更新更新上调用Jquery函数
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 在MVVM视图模型中处理应用程序范围的元素
- 将c#视图模型转换为javascript模型时转义HTML标记
- 使用knockout.js将数组绑定到视图模型
- 将js对象更改为使用嵌套的可观察数组敲除js视图模型
- 聚合物:在不同的视图模型中多次使用元素
- 使用AMD时未定义淘汰组件视图模型
- 如何在Knockout.js中选中复选框时更新视图模型及其依赖项
- 无法将对象列表从视图模型设置为 javascript 变量
- 挖空视图模型函数仅影响最后一个实例
- 挖空.js嵌套视图模型不起作用
- 为什么我的视图模型不起作用
- 挖空、视图模型位于其他对象和数据绑定中
- 如何将经度/经度值绑定到挖空视图模型方法
- 挖空.js:等待视图模型实例化完成
- 在Knockout视图模型中调用jQuery插件是一种有效的模式
- KnockoutJS:如何避免在applyBindings上运行视图模型函数
- 使用knockoutjs操作视图模型
- Kendo UI自定义验证不适用于模板和视图模型