Question

我有这个代码，我需要将“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但是我还没有成功。我该怎么做？谢谢。

Answer 1

您可以使用localStorage docs：

$('#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

上的值

Answer 2

首先，看看Ajax调用的返回，如果data变量返回JSON，那么你必须以这种方式访问购买的价值：

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

传递两个html之间的值

2 个答案: