javascript - 定位 URL 内容并在页面上显示

Question

我正在与一位客户合作，该客户一直在使用基于小部件的网站，并且需要自定义构建的网络应用程序。我们将其托管在场外。我需要从他们的主网站提取产品信息以填充站外页面。

我写这个是为了从他们的主网站中提取 H1 内容，这将作为到站外页面的链接。

<a href="#" id="specialURL">BUILD LEASE</a>

 <script type="text/javascript">
$(document).ready(function() {

  var url = $('h1').html();
  url = url.replace(/\s+/g, '-').toLowerCase()+'.html';


  console.log(url);
$('#specialURL').attr('href', 'http://joethemovie.com/' + url );



});

现在我需要将 URL 内容重新转换为站外页面上的 h1。

此外，如果可能的话，有人知道如何在 URL 中存储价格信息吗？

如http://example.com/mainSiteH1&price=12345

然后和H1一样，显示在站外页面。

谢谢!

Answer 1

您在 url 中粘贴的任何内容都应该进行 uri 编码。这也会处理空格，因此不需要正则表达式..

$('#specialURL').attr('href', 'http://joethemovie.com/?h1=' + encodeURIComponent(url) +"&price=" + encodeURIComponent("about tree fiddy"));

然后你可以使用服务器从url中获取垃圾(例如php的$_GET)，或者你可以使用函数here使用 javascript 获取这些参数..