先写步骤吧:
1.搭建express环境
2.安装nodejs
3.安装mogodb
4.添加数据
5.配置app.js
6.写数据库schema model
7.view文件夹写html
8.包含from表单,这里要填action,和提交的类型,from里面包裹input,值得注意的是一定要填写name,不然数据提交不过去,最后接input type="submit",就可以提交数据到后台
9.后台接收数据,如果是get请求,接收方式:req.query.name 如果是post请求,接收方式:req.body.name,然后即可进行增删改查的操作,注意:send回来的数字必须加引号,不然会报错!
10.如果用ajax发起请求,请求放在事件里面,没有表单,那么就先获取你要发送的数据value,值得注意的是,ajax内部url一定是"/delete?password="+value 这里的password就是后台获取前台发送的数据名,data可以不写,写了会有重复路径,建议不写.
具体示例:
$('#el_search').on('click',function(){
var el_value = $('#search').val().toString();
$.ajax({
type:"get",
url:"/read?search="+el_value ,
var el_value = $('#search').val().toString();
$.ajax({
type:"get",
url:"/read?search="+el_value ,
//这里建议不写,data,写了可能会有重复路径,导致请求失败
data:el_value ,
async:false,
success:function(datas){
console.log(datas)
if(datas == '1'){
alert('您输入的用户名不存在,请重新输入!')
}else{
console.log(datas[0])
$('input[name=password1]').val(datas[0].password)
$('input[name=age1]').val(datas[0].age)
}
},
error:function(){
alert("请求失败!!")
}
});
})
async:false,
success:function(datas){
console.log(datas)
if(datas == '1'){
alert('您输入的用户名不存在,请重新输入!')
}else{
console.log(datas[0])
$('input[name=password1]').val(datas[0].password)
$('input[name=age1]').val(datas[0].age)
}
},
error:function(){
alert("请求失败!!")
}
});
})
11.最后就可以愉快的玩耍了!中间步骤很多,细节也很多,不注意就gameover!先记录这些,后续补齐!