0

現在、ボタンがクリックされたときに Javascript によって読み込まれる php スクリプトがあります。一度読み込まれると、このように見えるすべてのhtmlコンテンツが作成されます

  <ul>
    <li>
        <a href='foo.php?var=abc123'>
    </li>
    <li>
        <a href='foo.php?var=def123'>
    </li>
  </ul>

したがって、リンクがクリックされると、GET を使用して PHP 変数を同じスクリプトに送信し、結果の別のリストを表示します。

私がやりたいことは、結果を含む新しいページに移動する代わりにリンクをクリックすると、この部分の下にそれらが読み込まれ、次のような結果になります (treeview() のように):

 <ul>
       <li>
          <a href="#" id="abc123">abc123</a>
       </li>
           <ul>
              <li>
                   <a href="#" id="jkl123">jkl123</a>
              </li>
              <li>
                   <a href="#" id="ghi123">ghi123</a>
              </li>
         </ul>
    <li>
        <a href="#" id="def123">def123</a>
    </li>
 </ul>

静的変数を使用すれば動作させることができますが、クリック時に作成された html から変数を取得し、それを javascript 関数に入れて、PHP スクリプトを実行できるようにする方法を見つける必要があります。

ありがとう。

4

1 に答える 1

1

あなたが使いたいと思うように聞こえますAJAX：

     $.ajax({
            type: 'GET',
            url: "yoururlhere.com",
            data: {
                someparam: "somevalue",
                param2: "anothervalue"
            },
            dataType: "json",
            success: function (JSONdata, textStatus, jqXHR) {
                // do work here on success


            }
        });

次のようにクリック ハンドラにアタッチできます。

$("someID").on("click",function(){
event.preventDefault();
var href = $(this).attr("href");

         $.ajax({
                type: 'GET',
                url: href ,
                data: "param=value&param2=anothervalue",
                success: function (JSONdata, textStatus, jqXHR) {
                    // do work here on success


                }
            });
});

アップデート：

HTML上記のコードに沿ったいくつかの例:

<a id="someID" href="yoururl.php">Click me</a>
于 2013-03-31T18:02:06.507 に答える