jQueryはPHPスクリプトでDivを更新します

Question

これを行う方法がまったくわからないので、先に進んで質問します。

やりたいのは、send.phpという外部ファイルにあるPHPスクリプトでdivの内容を更新することです。

つまり、次のようなdivがあります：

<div class="classname">

</div>

そして、このsend.phpファイルにデータを投稿し、そのdivをPHPスクリプトの結果に応じて更新します。これはできますか？

Answer 1

単純なajax呼び出しの場合、通常は文法が非常に強いため、 $ .load を使用することを好みます。簡潔。パラメータをオブジェクト（キー/値のペア）として渡すと、POSTリクエストが使用されます：

<a href="no-script.php" class="something">Click!</a>

$(document).ready(function() {
    $('a.something').click(function(e) {
        //prevent the href from being followed
        e.preventDefault();

        //inject div.classname with the output of send.php
        $('div.classname').load('send.php', {param1: 'foo', param2: 'blah'});
    });
});

POSTにする必要がない場合は、パラメーターをクエリ文字列として追加するだけです。

$('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);

Answer 2

<a href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#classname").load("send.php?data=someData")
         evt.preventDefault();
      })
    })
</script>


<div id="classname">

</div>

読むべきドキュメント：

1. http://docs.jquery.com/Ajax/jQuery.post

   • http://docs.jquery.com/Ajax/load

Answer 3

絶対に！ jQueryのajax機能の使用方法については、こちらの投稿をご覧ください。次に、電話をかけます

$.(".classname").append("Whatever results you get");

divに入力するには

がんばって！