• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

小白敲代码

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

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

posted on 2020-09-01 00:33  小白敲代码  阅读(1884)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3