首页 > 其他 > 详细

传参方法总结 ?传参 /传参 (2019/4/6)

时间:2019-09-12 11:52:26      阅读:51      评论:0      收藏:0      [点我收藏+]
传参的两种方式:
    第一种方式:
前端传参:    $.get("http://localhsot:3000/modify",{
                                id:$("#id").val(),
                                name:$("#name").val()
    })
    
后端获取:    router.get("/modify*",(req,res)=>{  (需要引入url模块)
                                var obj = url.parse(req.url,true);
                                var id = parseInt(obj.query.id);
                                var name = obj.query.name
        })
 
 
前端传参:    $.get("http://localhost:3000/modifyok/" + $("#id").val() + "/" + $("#name").val())
 
后端获取:    router.get("/modifyok/:id/:name",(req,res)=>{
                            var id = parseInt(req.params.id);
                            var name = req.params.name
        })
 
 
    第二种方式:(问号传参)
前端传参并跳转页面:    location.href =  "modify.html?id=" + $(this).data("id");
前端跳转页面获取传参的值:    
                                                  var qs = location.search.substring(1)    // substring(1)去掉问号
                                                  var qsArr = qs.split("=")  // 用等号进行字符串的拆分
                                                  $.get("http://localhost:3000/modifyItem/" + qsArr[1]).then((res)=>{   //qsArr[1] 获取id
                                                  $("#id").val(res.id);
                                                  $("#name").val(res.name);
                                            })

传参方法总结 ?传参 /传参 (2019/4/6)

原文:https://www.cnblogs.com/zsrTaki/p/11510907.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!