两个HTML页面用ajax传值,express 前台页面通过ajax传值后跳转问题

前台页面当点击a标签按钮是触发ajax发送post值到后台

$('a[type="submit"]').on('click', function() {

let name = $('#name').val();

let age = $('#age').val();

let sex = $('#sex').val();

let phone = $('#phone').val();

let address = $('#address').val();

let introduction = $('#introduction').val();

$.ajax({

type: "post",

url: "/student/add",

data: {

name: name,

age: age,

sex: sex,

phone: phone,

adress: address,

introduction: introduction

},

dataType: "json",

success: function(response) {

console.log(response);

}

});

})

后台自己封装的添加数据函数

/**

* 新增一条数据

* @param {*集合名称} collectionName

* @param {*新增条件} condition

* @param {*回调函数} callback

*/

let fn_insertOne = (collectionName, condition, callback) => {

getDB((db) => {

//获取集合

db.collection(collectionName).insertOne(condition, (err, result) => {

callback(err, result);

db.close();

})

})

}

添加数据在这里实现

let fn_add = function(req, res) {

Db.insertOne('student', req.body, (err, result) => {

if (result == null) { //失败

res.setHeader("Content-Type", "text/html;charset=utf8")

res.end("")

} else { //成功

res.setHeader("Content-Type", "text/html;charset=utf8")

res.end("")

}

})

}

说明:很明显我是需要添加数据成功之后写入一段脚本跳回list页面

问题:点击添加数据按钮数据添加成功之后页面不跳转,打开浏览器调试返回的脚本内容在response里面。

bVYGmm?w=1570&h=733

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值