<button click = "formdata()">formdata方法</button>
<script>
function formdata()
{
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4)
{
console.log('formdata方法返回的数据是:' + xhr.responseText);
}
}
xhr.open('post','/comment');
var form = new FormData();
form.append('custom','小明');
form.append('score','5');
form.append('comment','看你那么辛苦,给你5分好了');
xhr.send(form);
}
</script>
服务器:
var express = require('express');var bodyParser = require('body-parser');
var multer = require('multer'); // 使用form表单所需要用到的一个模块
var formData = multer();
var app = express();
app.use(express.static('wwwroot'));
app.use(bodyParser.urlencoded({extended:false}));
// 如果使用formdata提交的数据,必须在参数中使用array(),array()会先解析请求体当中的数据,再传输数据
app.post('/comment',formData.array(),function(request,response)
{
response.send('已经接收到用post方法发送来的评价');
})
app.listen('3000',function()
{
console.log('服务器启动中');
})
3.ajax请求:
一般情况下都不需要使用ajax请求 使用ajax请求可以获取错误信息以及其它的一些指令,使用ajax需要引用jquery
(1)ajax之get:
前端:
<button id = "get">ajax-get</button><script>
$('#get').click(function()
{
$.get('/login',{name:'小明',password:'123456'},function(data,status,xhr)
{
console.log('服务器返回的信息是' + data);
})
// $.get() 发起一个get请求,参数1:请求的接口;参数2:传递给服务器的数据对象;参数3:回调函数(参数1:服务器返回的数据;参数2:状态;参数3:xhr对象”);
})
</script>
服务器:
var express = require('express');var app = express();
app.use(express.static('wwwroot'));
app.get('/login',function()
{
if(request.query.name == '小明' && request.query.password == '123456')
{
response.send('登录成功');
}
else
{
response.send('登录失败');
}
})
app.listen('8080',function()
{
console.log('服务器启动中');
})
(2)ajax之post:
前端:
<button id = 'post'>ajax-post</button><script>
$('#post').click(function()









