需要在服务器中发送数据和访问数据的帮助.我想使用JavaScript(nodejs)来实现这一点
Need help sending data and accessing it in the server. I want to do this using JavaScript(nodejs)
我在前端-后端交互方面遇到了问题。我相对确信我正在发送数据,但之后我无法访问数据。最近,我使用了这个代码模板(来自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>
我的问题是:是否有更好的发送数据的方式(更适合节点)?以及如何访问服务器端的数据?
有更好的发送数据的方法吗
这是一个相当主观的问题,但这里有一个替代方案:您可以创建带有隐藏元素的表单,并使用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,我建议您看看websocket——它可以做的不仅仅是XHR(比如从服务器向客户端发送消息)。
相关文章:
- 如何在上传前在浏览器中去除图像元数据(javascript)
- 从JSON对象中删除额外的括号和数据 - Javascript
- 测试两个变量是否包含一些数据 JavaScript
- 追加 POST 数据 javascript
- 通过设置SRC数据Javascript平滑淡入图像RGB
- 列出json数据javascript
- Yahoo api 从公共数据 JavaScript 切换到 oAuth
- 对恶意用户隐藏数据 JavaScript 函数
- JavaScript:如何预加载<对象>图像数据?/ JavaScript 的图像与<对象>
- 张贴base64数据JavaScript/jQuery
- 自动求和和和追加数据javascript
- 在数据Javascript上迭代时删除对象中以前的项
- 获取值数据
javascript - 获取数据javascript和推到数组Cordova
- 如何在用户单击提交按钮之前从输入框读取数据?(JavaScript)
- 在函数中传输数据?Javascript
- .filter在HTML表上不返回数据- JavaScript
- JSON数据&JavaScript(试图找到错误,可能只是语法)
- 图表数据javascript
- 不能给ajax加载的数据javascript