0

まず最初に、私の最後の質問 (画像の表示) について親切に助けてくださった皆さんに感謝します。いつもお世話になっております。

今、ページのリダイレクト、DIV の更新に関する別の厄介な問題に遭遇しました。

私の問題は、製品をカートに追加した後、ページがストアページにリダイレクトされることです。これは本当に望ましくありません。「#」記号を使用しようとしましたが、ショッピング カートの DIV を更新するという別の問題が発生します。

私は Ajax のようなものを使用する必要があることを知っており、オンラインで何日も解決策を探してきました。しかし、残念なことに、私はそれらの新鮮な魚であるため、混乱しました。私は何日もこの頭痛に悩まされています。誰でも私を助けることができますか？

以下は、はっきりと見える場合のコードです。

イメージを表示します。

<div class="product">
        <h3>'.stripslashes($row['name']).'</h3>
        <div class="info">
            <img src="./product_images/'.$row['name'].'.jpg" width="150" border="2">
            <p>'.stripslashes($row['description']).'</p>
            Price:'.$row["price"].'<br>
            <font size ="2">In Stock: '.$row["qty"].'</font>
            <a href="addToCart.php?ID='.$row['id'].'"><img src="images/cart_navy.gif" border=0 alt=""></a>
        </div>
    </div>

ご覧のとおり、特定のアイテムを追加するために、 を呼び出して ID を送信します。

add_To_Cart のコード:

addToCart ();
echo "<SCRIPT language='Javascript'>
           //document.location=\"\admins/admin_index.php\";
       //document.location= ../index.html;
       //document.location=\"\./index.html\";
       document.location=\"\./store.php\";

       </SCRIPT>";}
       exit();

add To Cart() 関数は、別のスクリプト shopping_Cart で宣言されています。

また、 shopping_Cart には、カートの詳細を表示する get_Cart() という名前の関数も含まれています。

ストアであるメイン ページで、 get_Cart() を呼び出してカートの詳細を表示しました。

私のコードは少し乱雑ですか？そのために残念。質問を明確に説明したかどうかわかりません。基本的には、商品の追加ボタンをクリックし、 add_To_cart() 関数を呼び出して商品を追加し、更新せずに、他のページにリダイレクトせずに、カート Div の結果を更新します。

ちなみに、私の現在のコードはうまくいきます。しかし、問題は、「カートに追加」ボタンをクリックするたびに、ページが新しくなり、store.php にリダイレクトされることです。

幸運をお祈りしています！！

明

ところで、私のコンピュータで J クエリを試してみましたが、.load() 関数が動作しません。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn2").click(function(){
$("#test").load("load.php");
  });
});
</script>


<h3 id="test">Old Info</h3>
<button id="btn2" type="button">Load New Info</button>
4

1 に答える 1

1

jQuery ライブラリをヘッダーにインクルードしてから、 jQuery の Ajax ドキュメントを読んでください。

これは非常に簡単な例です。<p class='content'></p>サーバー上にある PHP スクリプトのコンテンツで更新したい段落がページにあるとします。

次に、次の JS コードをページに含めます。

$('.process').click(function () {
    $.ajax({
        url: "test.php"
    }).done(function (response) {
        $('.content').html(response);
    });
});

次に、イベントをトリガーするリンクをページに含めます。

<a href="#" class="process">Process Action</a>
于 2013-04-22T15:10:46.003 に答える