Ajax获取接口数据,url拼接参数跳转页面,js获取上一级页面参数给本页面
1.Ajax获取接口数据
1 function demo(){ 2 //假设请求参数 3 var requestBody = [{ 4 "name":"zhang", 5 "age":"18" 6 }]; 7 //将值转换为JSON字符串 8 requestBody = JSON.stringify(requestBody); 9 //发起Ajax请求 10 $.ajax({ 11 //url填自己的 12 url:"", 13 type:"post", 14 data:requestBody, 15 dataType:"json", 16 contentType:"application/json;charset=UTF-8", 17 async:false, 18 success:function(response){ 19 //打印控制台查看回调参数 20 console.log(response);
if(response.success == true){
...
} 21 } 22 }); 23 }
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");