js网页搜索关键字处理代码封装

网页搜索关键字时对url后缀的处理

把相关内容转换成对象键值对形式通过ajax请求

function queryStr() {
    //  ? key=10&num=zs&age=19 
    var obj ={}; //创建一个对象
    console.log(location.search); 
    if(!location.search){ //  判断是否有serch的值没有直接返回
        return obj
    }
    
    var query = location.search;
    var keys = query.substr(1) //把search值的问号切割掉
           // console.log(keys);    // key = 10
    if(keys.includes("&")){ //includes这个方法是判断keys里面有没有"&"这个符号
        var arr = keys.split('&') //如果有 切割掉
        console.log(arr)
        for(var k in arr){ //遍历整个数组 把所有等号切割掉
            var newArr = arr[k].split('=')
            console.log(newArr);
            obj[newArr[0]] = newArr[1];// 把值转换为对象键值对的形式
        }
        console.log(obj);
    } else { //如果没有"&"则直接切割
        var arr = keys.split("=");
        obj[arr[0]]=arr[1]
        console.log(obj);    
    }
      return obj;     
}

使用

var obj = queryStr();
console.log(obj);

$.ajax({
    url:"接口",
    type:"get/post",
    data:{
        proName:obj['key']//键名看具体要求
    },
    success:function(res1){}