Envíe un formulario como JSON (no AJAX)

Question

¿Es posible enviar datos de formulario como JSON, sin utilizar AJAX?

He intentado cambiar el enctype:

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

Pero eso no es un valor válido de acuerdo on w3schools

La razón me gustaría que este comportamiento es que la URL solicitada devolverá un archivo, lo que me Obviamente no puedo hacer nada si uso AJAX. Me gustaría enviar datos JSON marcados como Content-Type: application/json para que ASP.NET MVC use su enlace JSON.

Answer 1

puedes probar;

// HTML

<form type="POST" action="/Home/Test"> 
<input id="foo" value="hede"> 
</form> 

// dto

public class TestInDto{ 
public string foo {get;set;} 
} 

// casa controlador

[HttpPost] 
void Test(TestInDto inDto){ 
var foo = inDto.foo; 

} 

Answer 2

Sí, puede serializar forma como un objeto con el plugin. Escribo una muestra para ti;

// Cabeza

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

Puede descargar plugin desde here

// Formulario

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

Buena suerte!

Answer 3

Podría usar JSON.stringify() para serializar su objeto del lado del cliente y luego meterlo en una entrada oculta y enviar su formulario ... y luego, en el lado del controlador, sacarlo de Request.Form y deserialize en tu objeto?

[Editar] Acabo de ver en la sección de comentarios debajo de la pregunta original que esto era esencialmente una publicación duplicada y que este stackoverflow funcionó como una solución.

Answer 4

Puede enviar la solicitud por AJAX y luego generar una URL de descarga de archivos en el controlador y enviarla nuevamente en la respuesta de AJAX. Luego puedes abrir esa URL en otra ventana. Esta sería una solución completa basada en AJAX para que pueda usar JSON.

Answer 5

De acuerdo con los estándares del W3C no se puede pasar los datos como JSON usando

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

Descripción

Los agentes de usuario que implementan este specification transmitirá JSON datos de sus formas siempre que sea de forma El atributo enctype se establece en application/json.Durante el período de transición, los agentes de usuario que no admitan esta codificación serán fall back para usar application/x-www-form-urlencoded. Esto puede ser detected en el lado del servidor, y el conversion algorithm descrito en este specification puede usarse para convertir dichos datos a JSON.

El formato de ruta utilizado en input names es sencillo. Para empezar, cuando no hay información de estructuración está presente, la información sólo será capturado como keys en un objeto

Reference DOC

Answer 6

JSON Pruebe este simple tienda de la matriz de la POST en la variable y luego codificarlo como obj JSON. como este ->

$ postarray = ($ _ POST);
$ jsondata = json_encode ($ postarray);

sentimos su

para PHP

Answer 7

Ahora puede configurar la forma enctype = 'application/json' de acuerdo con las nuevas normas del W3C publicadas el 29 de mayo de 2014.

Puede comprobarlo: http://www.w3.org/TR/html-json-forms/

Answer 8

Puede usar Form2js.Es diseñado por google y es una biblioteca fácil de usar.

https://github.com/maxatwork/form2js

También, puede ser modificado de acuerdo a las necesidades del usuario Usted puede comprobar su licencia Usted puede encontrar los ejemplos básicos de este archivo JavaScript usando el siguiente enlace:

http://form2js.googlecode.com/hg/example/test.html