Ajax获取接口数据，url拼接参数跳转页面，js获取上一级页面参数给本页面 - 小白敲代码

View Post

Ajax获取接口数据，url拼接参数跳转页面，js获取上一级页面参数给本页面

1.Ajax获取接口数据

function demo(){
    //假设请求参数
    var requestBody = [{
        "name":"zhang",
        "age":"18"
    }];
    //将值转换为JSON字符串
    requestBody = JSON.stringify(requestBody);
    //发起Ajax请求
    $.ajax({
        //url填自己的
        url:"",
        type:"post",
        data:requestBody,
        dataType:"json",
        contentType:"application/json;charset=UTF-8",
        async:false,
        success:function(response){
            //打印控制台查看回调参数
            console.log(response);
　　　　　　　　　if(response.success == true){
　　　　　　　　　　　...
　　　　　　　　　}　　
        }
    });
}

2.URL拼接多个参数，参数来自于Ajax的回调，假设跳转链接href="jump.html",跳转页面需要的参数为name和age

//拼接URL，假设取Ajax第一条回调参数的值
<a href=\'jump.html?name="+response.result[0].name+"&age="+response.result[0].age+"\'>跳转</a>

3.js获取上一级页面参数

function getQueryString(name) {
    let reg = `(^|&)${name}=([^&]*)(&|$)`;
    let r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
//假设获取name和age的值
var name = getQueryString("name");
var age = getQueryString("age");