先写步骤吧:

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 ,
    //这里建议不写,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("请求失败!!")
  }
  });
})

11.最后就可以愉快的玩耍了!中间步骤很多,细节也很多,不注意就gameover!先记录这些,后续补齐!

posted on 2017-09-11 18:24  佑之以航  阅读(321)  评论(0编辑  收藏  举报