如何从vars获取javascript来构建URL [英] How do I get javascript to build a url from vars

问题描述

我正在为squarespace上的布道博客构建搜索功能。类别搜索的格式网址是www.mysite.org/blog?category = ...我有下拉菜单和日期选择器，但需要弄清楚如何获取我的代码来构建网址并重定向到它。输出网址应该看起来像www.mysite.org/sermons?category=mySpeaker+myService+mySeries+mybook+mydate。任何帮助将不胜感激。这是我到目前为止的javascript。

I am building a search function for a sermon blog on squarespace. The format url for category search is www.mysite.org/blog?category=... I have drop down menus and a datepicker but need to figure out how to get my code to build the url and redirect to it. The output url should look like www.mysite.org/sermons?category=mySpeaker+myService+mySeries+mybook+mydate. Any help would be greatly appreciated. Here is my javascript so far.

function search() {
    var myRootSite = 'www.mysite.org/sermons?category=';
    var myNewTitle = document.getElementById('myTextField').value;
    var mySpeaker = document.getElementById('mySpeaker').value;
    var myService = document.getElementById('myService').value;
    var mySeries = document.getElementById('mySeries').value;

    var myBook = document.getElementById('myBook').value;
    var myDate = document.getElementById('myDate').value;

    if (myNewTitle == 0 && mySpeaker == 0 && myService == 0 && mySeries == 0 && myBook == 0 && myDate == 0) {
        alert('Please enter some search criteria');
        return;
    }

    var title = document.getElementById('title');
    title.innerHTML = mySpeaker;
}

推荐答案

您可以将所有项目放入数组中，加入它们并将它们连接到 myRootSite ：

You can put all items in an array, join them and concatenate them to myRootSite:

function search() {
    var myRootSite = 'www.mysite.org/sermons?category=';
    var myNewTitle = document.getElementById('myTextField').value;
    var mySpeaker = document.getElementById('mySpeaker').value;
    var myService = document.getElementById('myService').value;
    var mySeries = document.getElementById('mySeries').value;
 
    var myBook = document.getElementById('myBook').value;
    var myDate = document.getElementById('myDate').value;
 
    if (myNewTitle == 0 && mySpeaker == 0 && myService == 0 && mySeries == 0 && myBook == 0 && myDate == 0) {
        alert('Please enter some search criteria');
        return;
    }
 
    var title = document.getElementById('title');
    title.innerHTML = mySpeaker;

    var valuesArr = [ myNewTitle, mySpeaker, myService, mySeries, myBook, myDate ]; // put the items in an array
    var valuesStr = valuesArr.join("+"); // join them
    var URL = myRootSite + valuesStr; // concatenate them to myRootSite
}

这篇关于如何从vars获取javascript来构建URL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！