傳遞兩個html之間的值

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

您可以使用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

Answer 2

首先，看你的Ajax調用的返回，如果data變量返回一個JSON，然後你必須以這種方式訪問​​購買的價值：

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