如何通过URL将两个变量传递到Javascript?
我正在为我的Tumblr提要制作一个可搜索的存档,我在我的网站中将其用作新闻提要。我希望用户能够点击标签进行搜索,这目前是可行的。但当我开始分页时,我就迷路了。诚然,我只是想把我在其他方面的工作中得到的分页代码与我组合在一起的标记搜索结合起来,所以我相当确定这里有一个简单的修复方法,我只是还没有完全理解。这是我目前正在做的工作。代码现在将显示结果限制为两个,因为我还没有很多带有类似标记的帖子:如何通过URL将两个变量传递到Javascript?,javascript,jquery,pagination,Javascript,Jquery,Pagination,我正在为我的Tumblr提要制作一个可搜索的存档,我在我的网站中将其用作新闻提要。我希望用户能够点击标签进行搜索,这目前是可行的。但当我开始分页时,我就迷路了。诚然,我只是想把我在其他方面的工作中得到的分页代码与我组合在一起的标记搜索结合起来,所以我相当确定这里有一个简单的修复方法,我只是还没有完全理解。这是我目前正在做的工作。代码现在将显示结果限制为两个,因为我还没有很多带有类似标记的帖子: $(document).ready(function() { //create blank Tag
$(document).ready(function() {
//create blank Tag array
var tagLinks = [];
//pagination offset
var o = 0;
//tag search from URL variable
var url = window.location.search;
var temp = url.split('=');
var tag = temp[1];
//start on Page 1 of results
if (window.location.search.indexOf('page=') > -1) {
var url = $(location).attr('href');
url = url.split("=");
o = url[1] * 2 - 2;
}
$.ajax({
type: 'GET',
url: 'http://api.tumblr.com/v2/blog/nevermorestudiosonline.tumblr.com/posts?tag=' + tag + '&api_key=<API_KEY_OMITTED>&offset=' + o + '&limit=2',
data: { get_param: 'value' },
dataType: 'jsonp',
success: function (data) {
for (i = 0; i < data.response.posts.length; i++) {
//prep Date
var dateConv = new Date(data.response.posts[i].date);
var month = dateConv.getMonth();
var day = dateConv.getDate();
var year = dateConv.getFullYear();
$('#results').append(
'<a href="' + data.response.posts[i].short_url + '">'
+ '<h2>' + data.response.posts[i].title + '</h2>'
+ '</a>'
+ '</div>'
+ '<div class="row">'
+ '<div class="postedby col-sm-6 col-md-6">'
+ '<img class="avatar pull-left" src="http://api.tumblr.com/v2/blog/' + data.response.posts[i].post_author + '.tumblr.com/avatar" alt="Avatar" height="64" width="64" />'
+ '<p>Posted By <br />' + data.response.posts[i].post_author + ' <br />'
+ '<span class="glyphicon glyphicon-time"></span> '+ (month + 1) + '/' + day + '/' + year + '</p>'
+ '</div>'
+ '<div class="col-sm-6 col-md-6" id="tags_'+i+'">'
+ '<span class="glyphicon glyphicon-bookmark"></span>'
+ '</div>'
+ '</div>'
+'<hr />');
//display other tags
if (data.response.posts[i].tags.length == 0){
$('#tags_'+i).append(' No Tags');
}
else {
for (k=0; k < data.response.posts[i].tags.length; k++){
var dashedTag = data.response.posts[i].tags[k].replace(/ /g,"%20");
tagLinks.push(dashedTag);
$('#tags_'+i).append(
' <a href="tagsearch.php?tag=' + tagLinks[k] + '">#' + data.response.posts[i].tags[k] + '</a>'
);
};
};
}
//pagination
var result = 0;
result = data.response.total_posts / 2;
for (j = 1; j <= Math.ceil(result); j++) {
$('#mutlipage').append('<a style="border: 1px solid #ccc; margin: 2px; border-radius: 5px; text-decoration: none; padding: 5px 10px; color: #000;" href="?page=' + j + '">' + j + '</a>');
};
//check log for results to verify accuracy
console.log(o);
console.log(tag);
console.log(data);
}
});
});
$(文档).ready(函数(){
//创建空白标记数组
var tagLinks=[];
//分页偏移量
VarO=0;
//从URL变量进行标记搜索
var url=window.location.search;
var temp=url.split('=');
变量标签=温度[1];
//从结果的第1页开始
if(window.location.search.indexOf('page=')>-1){
var url=$(位置).attr('href');
url=url.split(“=”);
o=url[1]*2-2;
}
$.ajax({
键入:“GET”,
网址:'http://api.tumblr.com/v2/blog/nevermorestudiosonline.tumblr.com/posts?tag=“+tag+”&api_key=”
+ ''
+ ''
+ ''
+ ''
+“发布者
”+data.response.posts[i]。post_author+“
”
+''+(月+1)+'/'+日+'/'+年+''
+ ''
+ ''
+ ''
+ ''
+ ''
+“
”);
//显示其他标记
if(data.response.posts[i].tags.length==0){
$('#tags'+i).append('No tags');
}
否则{
对于(k=0;k 对于(j=1;j可能是Javascript的新版本,我不知道您刚才说了什么。)>。如果参数已经存在于现有查询字符串中,则不能简单地追加到现有查询字符串中,因此您需要替换现有的parameter=value对(至少替换该值)链接的副本显示了一种方法。