栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用jQuery将数据发布到MVC操作方法

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用jQuery将数据发布到MVC操作方法

您的Javascript / jQuery代码可以大大简化,这也许是最好的选择:

$(function () {    $("#MyForm").on('submit', function (e) {        e.preventDefault() // prevent the form's normal submission        var dataToPost = $(this).serialize()        $.post("Working/Save", dataToPost) .done(function(response, status, jqxhr){      // this is the "success" callback }) .fail(function(jqxhr, status, error){      // this is the ""error"" callback })    })})

您应该处理

onsubmit
表单的事件,而不是
onclick
按钮的事件-
按钮以外的其他原因可能导致表单被提交。在这种情况下,由于我们要使用AJAX提交表单,因此我们想防止表单的默认提交行为。

.serialize()
已经正确处理了表单的编码,因此您无需对表单值进行JSON编码。这样做很可能是Modelbinder在处理请求时未重建模型的原因。

$.post
是一个辅助功能,用于包装您所需的常规设置工作
$.ajax
-此处显示的版本希望将URL
POST到,并将数据POST到。如果您的jQuery代码在View的script元素中,则您可能要使用
Url.Action()
帮助程序-
它会根据您的路由规则构建正确的URL。如果您选择走这条路线,则将使用类似于以下内容的内容:

$.post('@Url.Action("Save", "Working")', dataToPost)

然后,我们使用相关的帮助程序来处理成功的响应(带有HTTP-200状态代码的任何内容)和失败的响应(基本上是其他任何内容)。你是什么
的那些助手最多是给你。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/391167.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号