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

时间:2021-05-20 12:39:56

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");