8

ショッピングカートのあるオンラインショップがあります。カートは、<table>カートに商品を追加した後、コンテンツを更新します。呼び出されたPHPスクリプトからの応答として

HTMLを受け取るjQueryのAJAXメソッドを使用します。<td><tr>Firebugのコンソールには、呼び出しからの正しい応答が表示されます。

私のコードでわかるように、テーブルにHTMLを追加したいと思います。動作させることができません。AJAXメソッドがわかりませんか？<td><tr>これらをショッピングカートテーブルに追加したいと思います。

JavaScript（jQuery 1.9.1を使用）

$.ajax({
    url: 'php/addToShoppingCart.php',
    type: 'POST',
    dataType: 'html',
    data: content,

    complete: function(data) {  
        $('#shop section table tbody').append(data);
    },
});

Firebugコンソール

ここに画像の説明を入力してください

4

4 に答える 4

9

.done（）を使用して試しましたか？

$.ajax({
  url: 'php/addToShoppingCart.php',
  type: 'POST',
  dataType: 'html',
  data: content,
}).done(function ( data ) {
  $('#shop section table tbody').append(data);
});
于 2013-03-26T09:25:55.267 に答える
3

あなたも成功を使うことができます

  $.ajax({
       url: 'php/addToShoppingCart.php',
       type: 'POST',
       dataType: 'html',
       data: content, 
       success : function(data) 
      {$('#shop section table tbody').append(data);}
      });
于 2013-03-26T09:32:06.023 に答える
0

の構文completeは

$.ajax({
url: 'php/addToShoppingCart.php',
type: 'POST',
dataType: 'html',
data: content,

}).complete(function (data) {
    $('#shop section table tbody').append(data);

});
于 2013-03-26T09:27:31.583 に答える
0

カートの内側にテーブルと1つのtrを作成して、上部にタイトルを表示できるようにします

<table cellpadding="5" cellpadding="2" border="0" id="cartprod">
    <tr>
      <td width="60%"><b>Product Name</b></td>
      <td width="20%"><b>Quantity</b></td>
      <td width="20"><b>Price</b></td>
    </tr>
</table>

次に、このようにコンテンツを追加できます

function AddToCart(pid)
{
    $.post('php/addToShoppingCart.php',{pid:pid},function(data){    
       $('#cartprod tr:first').after(data); 
    },'html')
}
于 2013-03-26T09:36:52.230 に答える