jquery 如何保存链接html并将其转移到另一个页面以供以后使用?

rjzwgtxy  于 4个月前  发布在  jQuery
关注(0)|答案(2)|浏览(52)

我正在做一个学校的网站项目,我碰到了一块石头,我想做的事情。
我有一个搜索页面,使用谷歌地方API和搜索附近的地方,并显示在页面上。(restaurant)是链接标签中的一个段落标签,它指向另一个我想用预览页面中的信息填充的页面。我如何保存用户在变量中单击的任何内容,例如餐厅名称,并在另一个页面中使用此变量填充占位符“The Restaurant”。
这是搜索页面的jQuery代码,它用结果填充搜索页面:

for(var i = 0;i<Object.keys(jsondata.results).length;i++){
        if(jsondata.results[i].name !== undefined){
            if(jsondata.results[i].photos !== undefined){
                photoRef = jsondata.results[i].photos[0].photo_reference;
                //alert(photoRef);
            }
            //alert(searchedResultsPhotos);
            $(".col-md-7").append("<div><img class=col-md-3 alt=restaunrant_image src="+searchedResultsPhotos+"/>"
                +"<a href=RestaurantTemplate.html><p class=restaurant_name col-md-7>"+jsondata.results[i].name+"</p></a></div");
        }

    }
    $(".col-md-7 div").addClass("row");

字符串
这里有一些网站的截图。
搜索页面:


的数据
餐厅详情:


iq3niunx

iq3niunx1#

在创建锚元素时使用以下行:

'<a href="RestaurantTemplate.html#'+encodeURIComponent(jsondata.results[i].name)+'"><p class="restaurant_name col-md-7">'+jsondata.results[i].name+'</p></a></div>'

字符串
例如,如果餐厅名称为Hooters,则浏览器中的页面url(当加载ResultantTemplate页面时)将类似于http://www.yourdomain.com/RestaurantTemplate.html#Hooters
然后,在PredatantTemplate页面上,您可以使用这行JavaScript来检索名称:

var name = decodeURIComponent(window.location.hash.substr(1));


这将从示例URL中提取'Hooters'部分

slwdgvem

slwdgvem2#

发送要显示为QueryString参数的名称或值,并在新页面上读取该参数。
一个查询字符串是'?key=value&key2=value'。如果你只是通过JavaScript在新页面上阅读这个,你可以使用“location”对象来获取参数。

var query = location.search;

字符串
如果您使用服务器端语言,通常可以从“Request”参数读取“Query”参数。

for (var i = 0; i < Object.keys(jsondata.results).length; i++) {
    if (jsondata.results[i].name !== undefined) {
        if (jsondata.results[i].photos !== undefined) {
            photoRef = jsondata.results[i].photos[0].photo_reference;
            //alert(photoRef);
        }
        //alert(searchedResultsPhotos);
        var name = jsondata.results[i].name;
        $(".col-md-7").append("<div><img class=col-md-3 alt=restaunrant_image src=" + searchedResultsPhotos + "/>"
            + "<a href=RestaurantTemplate.html?name=" + name + "><p class=restaurant_name col-md-7>" + name + "</p></a></div");
    }

}
$(".col-md-7 div").addClass("row");


在这篇文章How can I get query string values in JavaScript?上有一个很好的函数,可以使用JavaScript阅读QueryString值。
另外,如果你使用这种方法,你可以添加多个你可能想要读取的值。如果你想要的不仅仅是一个名字,比如一个位置,或者地址,或者其他的东西,你可以在QueryString中传递这些沿着。这就是它的作用。

相关问题