zoukankan      html  css  js  c++  java
  • 传参方法总结 ?传参 /传参 (2019/4/6)

    传参的两种方式:
        第一种方式:
    前端传参:    $.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);
                                                })
  • 相关阅读:
    直方图内最大矩阵
    P1578 奶牛浴场
    P1569 [USACO11FEB]属牛的抗议Generic Cow Prote…
    P1566 加等式
    P1564 膜拜
    P1541 乌龟棋
    P1537 弹珠
    Response.AddHeader使用实例
    LSPCI具体解释分析
    介绍一款开源的类Excel电子表格软件
  • 原文地址:https://www.cnblogs.com/zsrTaki/p/11510907.html
Copyright © 2011-2022 走看看