asp.net-mvc – 将表单提交为JSON(无AJAX)

发布时间：2020-12-15 23:42:55 所属栏目：asp.Net 来源：网络整理

导读：可以以JSON格式提交表单数据,而不使用AJAX？我尝试更改enctype： form enctype="application/json"/form 但这不符合on w3schools的有效价值我想要这个行为的原因是所请求的URL将返回一个文件,我显然不能做任何事情,如果我使用AJAX.我想发送标记为Content-T

可以以JSON格式提交表单数据,而不使用AJAX？

我尝试更改enctype：

<form enctype="application/json"></form>

但这不符合on w3schools的有效价值

我想要这个行为的原因是所请求的URL将返回一个文件,我显然不能做任何事情,如果我使用AJAX.我想发送标记为Content-Type：application / json的JSON数据,以便ASP.NET MVC将使用其JSON绑定.

解决方法

是的,你可以像插件一样的对象序列化表单.我为你写了一个样本;

//头

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.serialize-object.js"></script>

你可以从here下载插件

//形成

<form id="frm">
<input type="text" name="Model[Firstname]">
<input type="text" name="Model[Lastname]">
<input type="text" name="ModelDetail[PhoneNumber]">
...
<button type="button" onclick="sendForm()">Send</button>
</form>

// JS

function sendForm(){
model_data = $("#frm").serializeObject();
$.ajax({
url: 'YOUR_SERVICE_URL',type: 'POST',contentType: 'application/json',data: JSON.stringify(model_data),dataType: 'json',success:function(e){
    // I know,you do not want Ajax,if you callback to page,you can refresh page here
   }
});

祝你好运！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!