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(){
    
  }
  
})