尝试将HTML表单转换为JSON,但返回空

问题描述:

我一直在尝试将HTML表单转换为Json。当我提交表单时,我的警报只是返回一个空数组。任何帮助是极大的赞赏!尝试将HTML表单转换为JSON,但返回空

这里是形式

<form action="" method="post" name="myForm"> 
Code (xxxx-xxx):<input type="text" name="drugcode" /> <br/> 
<p><input type="submit" onClick='submitform()' /></p> 
</form> 

这里是JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

<script language ="javascript" type = "text/javascript" > 

function submitform() { 

var formData = JSON.stringify($("form[name*='myForm']").serializeArray()); 
alert(formData); 

$.ajax({ 
    type: "POST", 
    url: "serverUrl", 
    data: formData, 
    success: function(){}, 
    dataType: "json", 
    contentType : "application/json", 
processData: false 
}); 
} 

</script> 

所有,这是返回是:

[]

编辑: 现在的回报:

[{“name”:“code”,“value”:“1234”},{“name”:“blah”,“value”:“4321”}]

我会怎么样返回: {“code”:“1234”,“value”:“4321”}

$(“#myForm”)不会与您的表单匹配。 #指定一个ID。你需要匹配的名称:

$("form[name='myForm']")... 
+0

这是正确的答案(也张贴选择表格! )。你也可以使用'

'得到相同的结果。 –
+0

完美谢谢! – mmm2893

+0

马克被接受,我目前正在研究堆栈溢出! –

您也可以使用简单的JavaScript和使用

document.querySelector("form[name='myForm']") 

document.forms[0]