jquery 实现window.location.href向跳转页传递参数

一、jquery 实现window.location.href向跳转页传递参数

1、跳转页(通过传递带参数的url来实现页面跳转传递参数的目的)

if (response.status===10000){        //name 是用户名的变量,pwd 是密码的变量        window.location.href=`/bmg/?username=${name}&password=${pwd}`;    }

2、目标页

目标页通过自启动getQueryVariable函数，获取url数据

function getQueryVariable(variable) {        var query = window.location.search.substring(1);        var vars = query.split("&");        for (var i = 0; i < vars.length; i++) {            var pair = vars[i].split("=");            if (pair[0] == variable) { return pair[1]; }        }        return (false);    }    let name = getQueryVariable('name')    let pwd = getQueryVariable('pwd')

二、当我们使用jquery append appendto after before等形式添加页面标签,jquery会选不中添加的标签,也无无法给新添加的标签绑定事件,分析解决这种情况的两个方式

1、方法一(通过on的形式绑定对应标签事件)

<style>
    .active{
        width: 100px;
        height: 100px;
        background: red;
    }
</style>

<div class="box">
</div>



<script>
    $('.box').append(`
    <div class="active"></div>

    `)
/*通过on的形式可获得当前标签*/   $('body').on('click','.active',function () {
        console.log($(this))
    })

</script>

方法二、（直接对标签绑定事件）

<style>
    .active{
        width: 100px;
        height: 100px;
        background: red;
    }
</style>

<div class="box">


</div>



</body>

<script src="./js/jquery-3.4.1.min.js"></script>
<script>
    $('.box').append(`
    <div class="active" onclick="btnClick()"></div>

    `)

    btnClick = function () {
        console.log((1111))
   /*这里必须是以类型的形式做选择，若用this选择的就是window对象*/     $(".active").css('background', 'blue')
        console.log($(this))
    }
    

</script>

三、当前前台浏览器通过ajax的形式向django发送数据的时候，后台接受不到列表形式的数据,对ajax请求添加参数traditional:true

$.ajax({
  url:'/index/',
  type:"post",
  traditional:true,
  data:{},success:function(){
    
  }
  
})