express+ajax提交表单易错点

ajax提交表单后页面自动刷新看不到后台返回数据

• 原因：form里面的button元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能
• 解决：将所有元素外层的form标签去掉或者换成div，或者将button显示声明为type="button"并使用onclick属性定义表单提交函数
• 如下：
  前端HTML代码：

 <form>
    <div>
      <label>xxx：</label>
      <input type="text">
    </div>
    <div>
      <button type="button" onclick="post()">xxx</button>
    </div>
  </form>

js代码：

 function post() {
    $.ajax({
      url: url,
      type: "post",
      data: {
        ...
      },
      success:function(data){
      console.log(data);
    })
  }

后端获取表单数据

有几个常用易混方法：
req.query.xxx：接收GET方式提交的参数。
req.body.xxx：接收POST提交的参数。（xxx表示前端表单提交时post的参数名）
res.send()：发送数据到前台。