ajax hapi上传文件,在hapi框架里使用ajax提交表单数据，但是服务端接收到的数据是空对象。怎么办啊？...

前端代码如下：

page1

people information

name

type

camp

提交

前端js代码如下：

var commitBtn = document.querySelector('#commit');

commitBtn.addEventListener('click',function(){

var form = document.querySelector('#form');

var vForm = new FormData(form);

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function(){

if(xhr.readyState == 4 ){

if(xhr.status == 200){

console.log(xhr.response);

} else {

}

} else {

}

xhr.open('POST','http://localhost:3000/commit');

xhr.send(vForm);

},false)

后台代码如下：

'use strict';

const Hapi = require('hapi');

const server = new Hapi.Server();

server.connection({port:3000});

server.start((err) => {

if(err){

throw(err);

}

console.log('Server running at:',server.info.uri);

});

server.register(require('inert'),(err) => {

if (err){

throw err;

}

server.route({

method: 'GET',

path: '/js/transdata2.js',

handler:function(request,reply){

reply.file('./js/transdata2.js');

}

})

server.route({

method:'GET',

path:'/page1',

handler:function(request,reply){

reply.file('./view/page1.html');

}

})

server.route({

method:'POST',

path:'/commit',

handler:function(request,reply){

console.log(request.payload);

return reply('ok');

}

})

但是后端接收到的却是空对象。

是不是使用request.payload不对？

到底怎么解决啊？请指点！

ajax hapi上传文件,在hapi框架里使用ajax提交表单数据，但是服务端接收到的数据是空对象。怎么办啊？...相关推荐

php无表单上传文件,php – 如何使用没有实体类的表单上传文件
我试图使用没有实体类的表单上传文件.到目前为止没有运气. // Controller public function uploadAction() { $request = $this->get ...
ajax hapi上传文件,javascript – hapi.js Cors Pre-flight不返回Access-Control-Allow-Origin标头...
我使用(Dropzone js)上传了ajax文件.它将文件发送到我的hapi服务器.我意识到浏览器发送了一个PREFLIGHT OPTIONS METHOD.但我的hapi服务器似乎没有发送正确的响 ...
angularjs上传文件到服务器,AngularJS：如何使用multipart表单实现简单的文件上传？...
直接发送文件更有效. 该Base64编码的Content-Type: multipart/form-data增加了额外的33%的开销.如果服务器支持它,则直接发送文件更有效:$scope.upload ...
python post 上传文件_如何在 Python 中模拟 post 表单来上传文件
展开全部发个以前用urllib2模块来做的62616964757a686964616fe4b893e5b19e31333335343366class HTTPError(urllib2.HTTPDe ...
jquery ajax java上传文件_jQuery Ajax方式上传文件的方法
jQuery Ajax方式上传文件用到两个对象第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...
ajax如何上传文件
原文地址目录一.总结 1. 怎么用ajax上传文件? 2. FormData是什么? 3. FormData+ajax上传文件的注意事项? 二.文件的上传(表单上传和ajax文件异步上传) 三.注 ...
java获取ajax上传的文件,Java使用Ajax异步上传文件
相关代码示例: html代码片段: 名称 class="layui-input"> 描述文件请选择配置文件立即提交重置 js代码片段: //上传配置文件 $(&quo ...
php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件
使用Ajax XmlHttpRequest上传文件嗨,我正在尝试使用此代码发送带有xmlhttprequest的文件. var url= "http://localhost:80/.... ...
ajax 上传文件实例,Ajax异步上传文件实例代码分享
非常不多说,直接给大家上干货,写的不好还请见谅. 具体代码如下所示: Index $(function() { $(':button').click(function () { var formDat ...
koa2：通过Ajax方式上传文件，使用FormData进行Ajax请求
koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...

ajax hapi上传文件,在hapi框架里使用ajax提交表单数据，但是服务端接收到的数据是空对象。怎么办啊？...

ajax hapi上传文件,在hapi框架里使用ajax提交表单数据，但是服务端接收到的数据是空对象。怎么办啊？...相关推荐

最新文章

热门文章