使用按键button标签实现 链接<a>跳转界面失效问题
发布于 7 年前 作者 sxpsxp12 3836 次浏览 来自 问答

想通过button点击事件发起post/get请求 实现“<a>标签”链接 界面跳转,但是没有成功。仅仅后台接受到了get/post请求,render失效; 修改前代码:

前端:
     <a type="button" class="btn btn-success test-link-btn" id="upload" href="/upload">上行速度测试</a>
      <a type="button" class="btn btn-success test-link-btn" id="download" href="/download">下行速度测试</a>

后台:
router.get("/upload", function(req, res, next) {
  // console.log("=========================:upload:" + req.body.SelectGatewaySNs);
  res.render('uploadtest', { title: '上行测试' });
});

修改后代码:

前端:
        <button class="btn btn-info" type="button" id="uploadTestBtn">上行速度测试</button>
         <button class="btn btn-info" type="button" id="downloadTestBtn">下行速度测试</button>
		 
点击事件:
//测试选中的节点
$("#uploadTestBtn").click(function () {
    var sns = getSelectSNs();
    // $.post('/upload', {
    //     SelectGatewaySNs: sns
    // }, function (data) {
    // });
    $.get('upload',function () {

    });
})

后台代码没变

现在是修改后的代码后台响应了get请求,http状态码:200,中间件res.render失效 新手一名,还请赐教!!!

2 回复

button触发的是ajax 你可以看下netWork xhr下返回的数据

ajax是用来做局部更新及获取数据的,并不能跳转,想要跳转,自己在ajax回调里面做,或者直接用form做表单提交

回到顶部