2つの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> 

アヤックス

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

まず、data変数は、その後、あなたのJSONを返した場合、あなたのAjax呼び出しの戻り値を参照してくださいこの方法で購入額にアクセスする必要があります。

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