2016-07-05 7 views
1

私は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> 

このすべてが戻っているということです。

[]

EDIT: それを返すようになりまし:

[{"name": "code"、 "value": "1234"}、{"name": "blah"、 "value": "4321"}]

どうすればいいですか返信: {"code": "1234"、 "value": "4321"}

答えて

2

$( "#myForm")はあなたのフォームと一致しません。 #はidを指定します。あなたは名前に一致する必要があります。

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

を使用してフォームを選択することができます! )。 '

'を使っても同じ結果を得ることができます。 –

+0

パーフェクトありがとう! – mmm2893

+0

受け入れているとマークし、現在はスタックオーバーフローに悩まされています! –

0

ます。また、簡単なJavaScriptを使用してこれは(も投稿して正解です

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

または

document.forms[0] 
関連する問題