0

我在前端后端交互方面遇到了麻烦。我相对确定我正在发送数据，但之后我无法访问数据。最近我使用了这个代码模板（来自 mozilla 的帮助页面的链接 ）来发送数据。JavaScript：

function sendData(data) {
      var XHR = new XMLHttpRequest();
      var urlEncodedData = "";

  // We turn the data object into a URL encoded string
  for(name in data) {
    urlEncodedData += name + "=" + data[name] + "&";
  }

  // We remove the last "&" character
  urlEncodedData = urlEncodedData.slice(0, -1);

  // We URLEncode the string
  urlEncodedData = encodeURIComponent(urlEncodedData);

  // encodeURIComponent encode a little to much things
  // to properly handle HTTP POST requests.
  urlEncodedData = urlEncodedData.replace('%20','+').replace('%3D','=');

  // We define what will happen if the data are successfully sent
  XHR.addEventListener('load', function(event) {
    alert('Yeah! Data sent and response loaded.');
  });

  // We define what will happen in case of error
  XHR.addEventListener('error', function(event) {
    alert('Oups! Something goes wrong.');
  });

  // We setup our request
  XHR.open('POST', 'http://ucommbieber.unl.edu/CORS/cors.php');

  // We add the required HTTP header to handle a form data POST request
  XHR.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  XHR.setRequestHeader('Content-Length', urlEncodedData.length);

  // And finally, We send our data.
  XHR.send(urlEncodedData);
}

HTML：

<button type="button" onclick="sendData({test:'ok'})">Click Me!</button>

我的问题是：是否有更好的数据发送方式（更适合节点）？以及如何访问服务器端的数据？

4

1 回答 1

0

有没有更好的数据发送方式？

这是一个相当主观的问题，但这里有一个替代方案：您可以使用隐藏元素创建表单并将它们发送到服务器FormData()。这使您还可以轻松处理文件：

<form onsubmit="xhrsend(event,this)" method="POST" enctype="multipart/form-data" action="http://ucommbieber.unl.edu/CORS/cors.php">
  <input type="hidden" name="myName" value="myValue"/>
  <input type="file" name="myFile"/>
  <input type="submit" value="Send"/>
  ...
</form>

使用通用 JS 向 XHR 发送任何形式

function xhrsend(ev,frm) {
  ev.preventDefault(); // prevent submiting form
  var XHR = new XMLHttpRequest();
  XHR.addEventListener(...); // whatever
  XHR.open('POST', frm.action, true);
  XHR.send(new FormData(frm)); // send form data
  this.reset(); // optional: reset form values
}

如何访问服务器端的数据？

这个问题将指导您如何处理 node.js 服务器上的 POST 数据。

注意：如果你使用 node.js，我建议你看看websockets - 它可以做的不仅仅是 XHR（比如从服务器发送消息到客户端）。

于 2013-06-27T12:51:08.837 回答