asp.net-mvc - 以 JSON 格式提交表单(无 AJAX)

Question

是否可以在不使用 AJAX 的情况下以 JSON 格式提交表单数据？

我试过改变enctype:

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

但根据 on w3schools，这不是一个有效值

我想要这种行为的原因是请求的 URL 将返回一个文件，如果我使用 AJAX，我显然无能为力。我想发送标记为 Content-Type: application/json 的 JSON 数据这样 ASP.NET MVC 将使用其 JSON 绑定(bind)。

Answer 1

是的，您可以像使用插件的对象一样序列化表单。我为你写了一个样本；

//头

<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
   }
});

祝你好运!