在两个html之间传递值[重复]答案

【问题标题】：Pass values between two html [duplicate]在两个html之间传递值[重复]
【发布时间】：2017-05-23 18:46:45
【问题描述】：

我有这段代码，我需要将“totalcompra”id 的值传递到另一个页面。 page1.html

<div id="total">
    <div class="container-total">
         <div class="text-total">
              <p>Total:$</p><p id="totalcompra" name="totalcompra"></p>
         </div>
         <div class="ahr">
              <input type="submit" id="compra_segura" class="submit btn btn-success action-button" value="Compra Segura"/>
         </div>
    </div>
</div>

我想把值放在这里。

page2.html

<aside>
     <div id="side-container">
          <h2 class="quoter-text">Resumen de compra</h2>
          <div class="rsm"></div>
          <div class="pymt-total"><p class="total-pym">Total:</p></div>
     </div>
</aside>

ajax

$('#compra_segura').click(function() {
    $.ajax({
        type: 'POST',
        url: '/payment/',
        data: { total : $('#totalcompra').text() },
        success: function(data)
        {
            $('.total-pym').html(data);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
});

我试过用 ajax 和 jquery 来做，但我没有成功。我该怎么做？谢谢。

【问题讨论】：

分享你的 ajax/jquery 代码。
你需要了解.load()和examples
也将按钮设为type="button"
关于ajax()你需要知道的一些事情AJAX 代表异步 JavaScript 和 XML。简而言之，就是使用 XMLHttpRequest 对象与服务器进行通信。它可以发送和接收各种格式的信息，包括 JSON、XML、HTML 和文本文件。 AJAX 最吸引人的特点是它的“异步”特性，这意味着它可以与服务器通信、交换数据和更新页面，而无需刷新页面。 REF.
使用php将数据传输到另一个页面

标签： jquery html ajax

【解决方案1】：

你可以使用localStoragedocs:

$('#compra_segura').click(function() {
    $.ajax({
        type: 'POST',
        url: '/payment/',
        data: { total : $('#totalcompra').text() },
        success: function(data)
        {
            localStorage.setItem("totalPayment", data); //setter
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
});

并使用var x = localStorage.totalPayment; 获取page2.html 上的值

【讨论】：

谢谢，对我来说效果很好。

【解决方案2】：

首先，看你的Ajax调用的返回，如果data变量返回一个JSON，那么你必须这样访问购买的值：

$('.total-pym').append(data.totalcompra);

【讨论】：

显示“数据未定义”