php - Jquery带参数加载动态内容

Question

我正在尝试根据单击的 a href 加载 div 内容并传入参数。例如，链接1单击链接 1 会将值“3”传递给 process.php，并返回值“apple is good for you”。

但是，如果没有提交按钮，我似乎无法传递该值。无论如何，我可以将参数传递给另一个php文件来处理，并返回值？

$(document).ready(function(){
     $("#testing a").live("click", function(evt){
         var id= $(this).attr('id');
        $.post("process.php", { id: id },
        function(data) {
          alert(data);
                    $('#result').load(data);
        });
     })

});

下面是我的 HTML

<div id="testing">
<a href="" id="11"> hello </a>
</div>

<div id="result"></div>

感谢您的帮助，非常感谢!

Answer 1

您不应使用数字作为 id 值。相反，请使用字母作为前缀，或者考虑将它们添加到元素的 data- 属性中。

此外，$.live() 已弃用，我们鼓励从现在开始使用 $.on() 进行事件委托(delegate)。我已经在下面的代码中处理了这个问题，但 id 问题仍然存在。

最后，$.load() 和 $.html() 并不相同。如果您想要加载数据到一个元素中，您不需要调用load方法(尽管这个名称可能会导致困惑)。

// Short-hand version of $(document).ready();
$(function(){
  // Handle anchor clicks on #testing
  $("#testing").on("click", "a", function(e){
    // Prevent links from sending us away
    e.preventDefault();
    // POST our anchor ID to process.php, and handle the response
    $.post("process.php", { 'id': $(this).attr("id") }, function(data){
      // Set the response as the HTML content of #result
      $("#result").html(data);
    });
  });
});

从您的 process.php 文件中，您可能会看到如下内容:

$msg = array( 
    "...chirp chirp...",
    "This is response number 1",
    "And I am the second guy you'll see!",
    "Apples are good for you!" 
);

$num = $_POST["id"] || 0;

echo $msg[ $num ];