跳转的时候，将id带在url上，如果目标链接是"a.html"，你点击了第一项（id=1），那么跳转的时候就加上id，变成"a.html?id=1"。

在a.html这个页面中，获取url上的参数id，通过这个id，向后端发送ajax请求，获取更多的详细信息，然后取到数据后，开始给页面渲染数据。

详情按钮中把商品id用url地址参数传递过去


[removed]
function func(n) {
    location.href='详情页面.html?id='+n;
}
[removed]

在详情页面.html中获取url地址参数中的商品id，用ajax请求商品详情数据。
[removed]

var request = (function (){
    var obj = {};
    var arr = [removed].search.slice(1).split("&");
    for (var i = 0, len = arr.length; i < len>        var nv = arr[i].split("=");
        obj[decodeURIComponent(nv[0]).toLowerCase()] = decodeURIComponent(nv[1]);
    }
    return obj;    
})();

$.ajax({
    url: "url.html",
    type: "POST",
    data: {id:  request.id}, //获取商品id
    ......
});
[removed]

思路是：点击列表页时，把id传给详情页，在详情页接收列表页传递过来的id，并赋到data中。

1

第一步：列表页传参数id：

第二步：

//获取url中的参数

    function getUrlParam(name) {

       var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象

       var r = [removed].search.substr(1).match(reg);  //匹配目标参数

       if (r != null) return unescape(r[2]); return null; //返回参数值

    };

    //接收URL中的参数newsid

    var id = getUrlParam('newsid');

    console.log('id:'+id);

    function conJson(){

$.ajax({

type:'get',

dataType:'json',

data:{newsid:id}, //传接收到的参数id

url:'https://www.xinlijishu.cn/api/News/GeNews',

success:function(data){

var html = '';

var htmlRel = '';

var data_sum = JSON.parse(data);

var dataContent = JSON.parse(data)[0].content;

html += '

html += '

$("#w_title").html(html);

$("#parse").html(dataContent);

htmlRel += '

htmlRel += '

$("#rel").html(htmlRel);

}

})

};

conJson();

业务开发中经常会遇到需要从一个页面传值到另一个页面的时候

这是本人的解决方法

var id = 1;

$.ajax({

url : "index.html",

data : {id : id},

success : function(){

location.href = "index.html?id="+id

}

})

Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。 

其实这个可以在ajax页面转跳的时候将id带在url上，如果目标链接是"a.html"，你点击了第一项（id=1），那么跳转的时候就加上id，变成"a.html?id=1"。

在a.html这个页面中，获取url上的参数id，通过这个id，向后端发送ajax请求，获取更多的详细信息，然后取到数据后，开始给页面渲染数据。

现在页面上写入一个隐藏框：

然后在执行完之后的页面跳转哪里加上要跳转的参数：

var staffid = $('#staffid').val();
[removed].href = '/gongzi/achievement/index?staffid=' + staffid;

ajax是在一个页面上操作的，如果可以跳转页面，就不需要ajax了
直接提交到第二个页面不就行了。