blocks|key|1266964|text|下面是一个使用jQuery的示例。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1266965|+<head>
+++<title>Test</title>
+++<script+type="text/javascript"+src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+++<script+type="text/javascript"+src="http://www.json.org/json2.js"></script>
+++<script+type="text/javascript">
+++++$(function()+{
+++++++var+frm+=+$(document.myform);
+++++++var+dat+=+JSON.stringify(frm.serializeArray());

+++++++alert("I+am+about+to+POST+this:\n\n"+%2B+dat);

+++++++$.post(
+++++++++frm.attr("action"),
+++++++++dat,
+++++++++function(data)+{
+++++++++++alert("Response:+"+%2B+data);
+++++++++}
+++++++);
+++++});
+++</script>
</head>|code-block|syntax|javascript|1266966|jQuery+serializeArray函数使用表单值创建一个Javascript对象。然后，如果需要，可以使用JSON.stringify将其转换为字符串。你也可以把你的身体卸下来。|1266967|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/|1|http://docs.jquery.com/Ajax/serializeArray|2|http://www.json.org/js.html^0|7|6|0|0|0|7|E|1|1L|E|2|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]|$A|15|B|16|1|17]]|C|$]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]|U|$5|N|O|P|C|$Q|V]]]]

<p>Here is an example using <a href="http://jquery.com" rel="noreferrer">jQuery</a>...</p>

<pre><code> &lt;head&gt;
   &lt;title&gt;Test&lt;/title&gt;
   &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="http://www.json.org/json2.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
     $(function() {
       var frm = $(document.myform);
       var dat = JSON.stringify(frm.serializeArray());

       alert("I am about to POST this:\n\n" + dat);

       $.post(
         frm.attr("action"),
         dat,
         function(data) {
           alert("Response: " + data);
         }
       );
     });
   &lt;/script&gt;
&lt;/head&gt;
</code></pre>

<p>The jQuery <a href="http://docs.jquery.com/Ajax/serializeArray" rel="noreferrer">serializeArray</a> function creates a Javascript object with the form values.  Then you can use <a href="http://www.json.org/js.html" rel="noreferrer">JSON.stringify</a> to convert that into a string, if needed.  And you can remove your body onload, too.</p>


blocks|key|1481580|text|不确定您是否想要jQuery。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1481581|var+form;

form.onsubmit+=+function+(e)+{
++//+stop+the+regular+form+submission
++e.preventDefault();

++//+collect+the+form+data+while+iterating+over+the+inputs
++var+data+=+{};
++for+(var+i+=+0,+ii+=+form.length;+i+<+ii;+%2B%2Bi)+{
++++var+input+=+form[i];
++++if+(input.name)+{
++++++data[input.name]+=+input.value;
++++}
++}

++//+construct+an+HTTP+request
++var+xhr+=+new+XMLHttpRequest();
++xhr.open(form.method,+form.action,+true);
++xhr.setRequestHeader('Content-Type',+'application/json;+charset=UTF-8');

++//+send+the+collected+data+as+JSON
++xhr.send(JSON.stringify(data));

++xhr.onloadend+=+function+()+{
++++//+done
++};
};|code-block|syntax|javascript|1481582|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Not sure if you want jQuery.</p>

<pre><code>var form;

form.onsubmit = function (e) {
  // stop the regular form submission
  e.preventDefault();

  // collect the form data while iterating over the inputs
  var data = {};
  for (var i = 0, ii = form.length; i &lt; ii; ++i) {
    var input = form[i];
    if (input.name) {
      data[input.name] = input.value;
    }
  }

  // construct an HTTP request
  var xhr = new XMLHttpRequest();
  xhr.open(form.method, form.action, true);
  xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');

  // send the collected data as JSON
  xhr.send(JSON.stringify(data));

  xhr.onloadend = function () {
    // done
  };
};
</code></pre>


blocks|key|1481635|text|使用新的FormData对象(和其他ES6对象)，您可以将整个表单转换为JSON：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1481636|let+data+=+{};
let+formdata+=+new+FormData(theform);
for+(let+tuple+of+formdata.entries())+data[tuple[0]]+=+tuple[1];|code-block|syntax|javascript|1481637|然后就是xhr.send(JSON.stringify(data));，就像Jan最初的答案一样。|style|CODE|1481638|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/docs/Web/API/FormData^0|4|8|0|0|0|4|V|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>Using the new <a href="https://developer.mozilla.org/docs/Web/API/FormData" rel="nofollow noreferrer">FormData</a> object (and other ES6 stuff), you can do this to turn your entire form into JSON:</p>
<pre class="lang-js prettyprint-override"><code>let data = {};
let formdata = new FormData(theform);
for (let tuple of formdata.entries()) data[tuple[0]] = tuple[1];
</code></pre>
<p>and then just <code>xhr.send(JSON.stringify(data));</code> like in Jan's original answer.</p>


<p>I have some data that I need to convert to JSON format and then POST it with a JavaScript function.</p>

<pre><code>&lt;body onload="javascript:document.myform.submit()"&gt;
&lt;form action="https://www.test.net/Services/RegistrationService.svc/InviteNewContact" method="post" name="myform"&gt;
  &lt;input name="firstName" value="harry" /&gt;
  &lt;input name="lastName" value="tester" /&gt;
  &lt;input name="toEmail" value="testtest@test.com" /&gt;
&lt;/form&gt;
&lt;/body&gt;
</code></pre>

<p>This is the way the post looks now. I need it submit the values in JSON format and do the POST with JavaScript.</p>


POST data in JSON format

jQuery

JSON

我有一些数据需要转换为JSON格式，然后使用JavaScript函数进行POST。<body onload="javascript:document.myform.submit()"><form action="https://www.test.net/Services/RegistrationService.svc/...

问JSON格式的POST数据
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSON格式的POST数据EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSON格式的POST数据
EN