【问题标题】:PHP database search result query clickable urlPHP数据库搜索结果查询可点击url
【发布时间】:2020-11-23 00:48:33
【问题描述】:

在这方面我完全是个新手,所以我很惊讶我只用了几天就走到了这一步。我创建了一个 mysql 表来保存 3 个信息字段,其中一个是 URL,我使用 Ajax 搜索获得了 HTML 页面,结果很好。我遇到的唯一问题是,使用下面的代码我无法将“WebLink”(即包含 https:// 的 URL)变成可点击的链接,您必须从屏幕上复制并粘贴它才能使用它。有没有办法做到这一点?

 // AJAX SEARCH REQUEST
        var xhr = new XMLHttpRequest();
        xhr.open('POST', "search.php", true);
        xhr.onload = function () {
          if (this.status==200) {
            var results = JSON.parse(this.response),
                wrapper = document.getElementById("results");
            wrapper.innerHTML = "";
            if (results.length > 0) {
              for(var res of results) {
                var line = document.createElement("div");
                line.innerHTML = res['SearchCode'] + " <br /> " + res['ItemDesc'] + " <br /> " + res['WebLink'];
                wrapper.appendChild(line);
              }
            } else {
              wrapper.innerHTML = "No results found, check code and try again";
            }
          } else {
            alert("ERROR LOADING FILE!");
          }
        };

【问题讨论】:

标签: javascript html


【解决方案1】:

这应该会让你更接近你想要的。

line.innerHTML = res['SearchCode'] + " <br /> " + res['ItemDesc'] + " <br /> " + "<a href='" + res['WebLink'] + "'>inner text for anchor element goes here.  Probably the ItemDesc?</a>";

【讨论】:

  • 非常感谢,这正是我所需要的,如果我能弄清楚如何使它正确显示但对目前的结果感到满意,那么描述会更合适。
猜你喜欢
  • 1970-01-01
  • 2013-01-30
  • 2020-12-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-09
  • 2015-03-04
相关资源
最近更新 更多