javascript - JSON格式的POST数据(POST data in JSON format)

Question

Welcome To Ask or Share your Answers For Others

javascript - JSON格式的POST数据(POST data in JSON format)

asked Mar 6, 2021 in Technique[技术] by 深蓝 (71.8m points)

I have some data that I need to convert to JSON format and then POST it with a JavaScript function.(我有一些数据需要转换为JSON格式，然后使用JavaScript函数发布。)

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

This is the way the post looks now.(这就是帖子现在的样子。)

I need it submit the values in JSON format and do the POST with JavaScript.(我需要它以JSON格式提交值，并使用JavaScript进行POST。) ask by translate from so

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

199 views

1 Answer

深蓝 · Answer 1 · 2021-03-06T00:50:51+0000

Not sure if you want jQuery.(不确定是否要使用jQuery。)

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

Categories

javascript - JSON格式的POST数据(POST data in JSON format)

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags