JS页面之间ajax跳转传值与接受传值

Ming-Afresh

已于 2023-03-22 14:27:14 修改

阅读量1.3k

点赞数

分类专栏： # Js 文章标签： javascript ajax 前端

于 2023-01-06 09:51:44 首次发布

本文链接：https://blog.csdn.net/Start_Simple/article/details/128573814

版权

Js 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

该方法详细介绍了如何在点击事件中通过Ajax将字段中的id值传递到另一个页面。首先，通过Ajax将id作为参数发送到当前页面，然后在success回调中利用location.href进行页面跳转并附加参数。在目标页面，通过JavaScript函数getQueryString解析URL查询字符串获取传递的projectId。

摘要由CSDN通过智能技术生成

前言：此方法为url带参仅适用于少量数据

需求【把字段中的id数值点击触发跳转页面传参】

1、ajax传值

	// 对应字段 无需改动（接口给的 dataId 可变更）  ！！！
 	//...各类触发点击事件的方法...on('click', function (dataId) {
        var projectId = dataId
        $.ajax({
            url: 'index.html',  // 本页面
            data: {
                projectId: projectId
            },
            success: function (){
            	// 跳转页面 ?后为传参
                location.href="./indexChild.html?projectId=" + projectId
            },
        })
   // });

2、跳转页面接受传值

	// 对应字段 无需改动  ！！！
	function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);

        if (r != null) return unescape(r[2]); return null;
        }
      var projectId=getQueryString('projectId');
      console.log(projectId)