0

我目前有一个 php 脚本,在单击按钮时由 Javascript 加载。它会创建所有看起来像这样的 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 回答