使用javascript将来自服务器的数据从一个页面传递到另一个页面，而不使用表单

我对javascript没有太多的把握，并且在使用它时遇到了问题。 我的数据来自服务器，当用户单击某个项目时，会重定向到包含该项目所有详细信息的新页面。问题是当用户单击一个项目时，如何将数据从一个页面发送到下一个页面。 没有使用php。使用javascript ajax jquery，数据来自json

这是一种格式，当用户单击“播放”按钮时，应在向用户显示数据的位置显示新的年龄

Template={"Big_Display_Template": '{{#items}}<input type="hidden" name="guid" value="{{id}}"><div class="hero" 
style="background-image:url({{videoStillURL}})"><div class="hero-content"><br>
<h2>{{name}}</h2> <p>{{shortDescription}}</p> <div class="hero-links"><a href="Watch_Live.html"      
onclick="PassDataToNextPage({{name}},{{id}},{{shortDescription}});">
Play<span class="genericon genericon-play"> </span></a></div> 
<div class="hero-links-fav"><a href="#">Favourite<span class="genericon genericon-fav"> 
</span></a></div></div></div>{{/items}}'
}

---

我知道这是错误的，但如何使它正确？提前非常感谢

问题在于

返回窗口。位置+“/”+数据URL行：重定向应在
success
函数内完成，因为请求完成时将调用它：

function PassDataToNextPage(name,guid,Description)
{
  var url = 'Watch_Live.html';

  $.ajax({
    url: url,
    type: 'POST',
    data: 'name=' + name + '&guid=' + guid + '&shortDescription=' + Description,
    success: function(result) {
      dataUrl = data;
      window.location = window.location + "/" + dataUrl;
    }
  });
}

在模板中，您必须在
onclick
属性中添加
return false
，以避免浏览器跟随链接中断处理程序：

<a href="Watch_Live.html" onclick="PassDataToNextPage({{name}},{{id}},{{shortDescription}});return false">

问题在于
返回窗口。位置+“/”+数据URL行：重定向应在
success
函数内完成，因为请求完成时将调用它：

function PassDataToNextPage(name,guid,Description)
{
  var url = 'Watch_Live.html';

  $.ajax({
    url: url,
    type: 'POST',
    data: 'name=' + name + '&guid=' + guid + '&shortDescription=' + Description,
    success: function(result) {
      dataUrl = data;
      window.location = window.location + "/" + dataUrl;
    }
  });
}

在模板中，您必须在
onclick
属性中添加
return false
，以避免浏览器跟随链接中断处理程序：

<a href="Watch_Live.html" onclick="PassDataToNextPage({{name}},{{id}},{{shortDescription}});return false">

看起来您想要传递数据并带着数据进入下一页，您不需要ajax来实现。简单地说：

function PassDataToNextPage(name,guid,Description)
{
    var url = 'Watch_Live.html';
    window.location.href = url + '?name=' + name + '&guid=' + guid + '&shortDescription=' + Description;
}

评论：

您可以使用：

播放

单击事件将由onclick中的函数PassDataToNextPage处理

假设您在下一页中使用PHP，则可以获取数据

$name=$_GET['name']；
$guid=$\u GET['guid']；
$shortDesc=$_GET['shortDescription']

看起来您想要传递数据并带着数据进入下一页，您不需要ajax来实现。简单地说：

function PassDataToNextPage(name,guid,Description)
{
    var url = 'Watch_Live.html';
    window.location.href = url + '?name=' + name + '&guid=' + guid + '&shortDescription=' + Description;
}

评论：

您可以使用：

播放

单击事件将由onclick中的函数PassDataToNextPage处理

假设您在下一页中使用PHP，则可以获取数据

$name=$_GET['name']；
$guid=$\u GET['guid']；
$shortDesc=$_GET['shortDescription']

您可以通过url GET参数传递key:value数据。
例如：如果要将数据传递到此页面：Watch_Live.html，可以执行以下操作：

<a href="Watch_Live.html?name=someName&guid=you_guid"><button>Pass data</button></a>



要解析另一页中的参数，请阅读本文，以便回答类似的问题。
您可以通过url GET参数传递key:value数据。
例如：如果要将数据传递到此页面：Watch_Live.html，可以执行以下操作：

<a href="Watch_Live.html?name=someName&guid=you_guid"><button>Pass data</button></a>



要解析另一页中的参数，请阅读本文，以便回答类似的问题。
通过将代码格式化为可读性更强一点来实现正确。通过将代码格式化为可读性更强一点来实现正确。我应该在下一页@jackie如何从查询字符串中获取数据中写什么？我应该在下一页@jackie如何从查询字符串中获取数据？我是什么我应该在书里写，我应该在书里写什么