javascript - 如何通过 url 解析数据并使用 javascript 检索

Question

我浏览了 sb 代码并想实现类似的代码。他使用:

  htmlItems += '<li><a href="show-feed.html?url=' + items[i].url + '">' + 
  items[i].name + '</a></li>';

并使用此 javascript 代码检索 url 并解析为方法

.on('pageinit', '#show-feed-page', function () {
        var url = this.getAttribute('data-url').replace(/(.*?)url=/g, '');
        Application.initShowFeedPage(url);

它运行良好，我想将三个值解析为方法，例如
<a href="showProduct.html?code='+ items[i].code +',name='+items[i].name+',price='+items[i].price+'">"并需要代码来检索和解析方法

initShowProductPage(code,name,price);

Answer 1

首先，你的html是错误的，你必须准备正确的查询字符串格式，更新后的html标记是:

    <a href="showProduct.html?code='+ items[i].code +
      '&name='+items[i].name+'&price='+items[i].price+'">"

您必须访问 window.location.href 并将其解析为查询字符串参数。您可以编写一个解析 url 的方法，如下所示:

 function parseURL() {
       var vars = [];
       var hashes = window.location.href.slice( window.location.href.indexOf('?')+1 ).split("&");
       for (var i=0;i<hashes.length;i++) {
            hash = hashes[i].split("=");
            vars.push( hash[0] );
            vars[ hash[0] ] = hash[1];
       }
       return vars;
}

然后您可以使用 code、name 和 price 参数访问它们，如下所示:

.on('pageinit', '#show-feed-page', function () {
      var hashObj = parseURL();
      // To get code
      var code =  hashObj["code"];

      // To get name
      var name = hashObj["name"];

      // To get price
      var price = hashObj["price"];

      // Now call the method
      initShowProductPage(code,name,price);

});