获取查询参数并根据参数

时间:2018-02-11 11:04:29

标签: javascript html

所以我的代码:我有一个ajax调用来从json文件中获取一些数据。然后使用javascript我有一个显示该数据的功能。

我想要做的是有1页(game.html)根据您选择的游戏显示游戏。但我很难尝试编写代码来处理查询参数,所以想知道你是否有人可以提供协助。

继承人的职能:

const displayNewOutput = (newReleased, hasCheckbox) => {    
    let Newoutput = "";

    newReleased.forEach(game => {   
        if (game.Type === "New Release" && game.ID <= 3) {
            let ratingDiv = $("<div class='rating'></div>");

            for (var i = 0; i < game.Rating; i++) {
                ratingDiv.append('<span class="fa fa-star checked"></span>');
            }
            for (var i = game.Rating; i < 5; i++) {
                ratingDiv.append('<span class="fa fa-star"></span>');
            }

            Newoutput += `
              <li>
                <li>
                   <a class="newGame" href=${game.link}?id=${game.ID}> 
                       <img class="frontGames" src="${game.image}">
                       <p>
                           <b>Name:</b>${game.Name}<br>
                           <b>Release Date:</b>${game.ReleaseDate}</br>
                           <b>Genres:</b>${game.Genres}</br>
                           <b>Retail Price:</b>${game.RetailPrice}</br>
                           <b>Rating:</b> ${ratingDiv.html()}</br>
                       </p>
                   </a>
              </li>`;
        }

        function GetURLParameter(sParam) {
            var sPageURL = window.location.search.substring(1);
            var sURLVariables = sPageURL.split('&');
            for (var i = 0; i < sURLVariables.length; i++) {
                var sParameterName = sURLVariables[i].split('=');
                if (sParameterName[0] == sParam) {
                    return sParameterName[1];
                }
            }
        }

        var tech = GetURLParameter('id');   
        console.log(tech);
    })

    return Newoutput;   
});

此行特别是查询参数所在的位置:

<li><a class="newGame" href=${game.link}?id=${game.ID}><img class="frontGames" src="${game.image}">

我查看了有关查询参数的其他线程,但根本不了解一点。

0 个答案:

没有答案