Werte zwischen zwei html übergeben

Question

Ich habe diesen Code, wo ich den Wert der "totalcompra" ID auf eine andere Seite übergeben muss. 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> 

Und ich möchte hier den Wert setzen.

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); 
     } 
    }); 
}); 

ich es mit AJAX und jQuery habe versucht zu tun, aber ich habe nicht erfolgreich gewesen. Wie kann ich es tun? Vielen Dank.

Answer 1

können Sie verwenden 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); 
     } 
    }); 
}); 

Und verwenden var x = localStorage.totalPayment; auf den Wert zu erhalten page2.html

Answer 2

Erstens, um die Rückkehr Ihrer Ajax-Aufruf sehen, wenn die data Variable einen JSON zurückgibt, Sie muss den Wert des Kaufs auf diese Weise zugreifen:

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