使用jQuery和Ajax在href中捕获和发送参数

Question

我有以下HTML链接代码

<div id="message"></div>
<a href="cats.php?id=60&color=brown&name=kitty" id="petlink">
Click here
</a>

使用jQuery和Ajax并点击此链接，我想发送这些参数

id=60
color=brown
name=kitty

到一个文件find.php将使用$_GET作为捕获这些参数

<?PHP
    $id    = $_GET['id'];     // 60
    $color = $_GET['color']; // brown
    $name  = $_GET['name']; // kitty

// doing some searching in database

echo "yep found it"; // or whatever i would print
?>

并将回复任何内容（如echo "yep found it" ），这些内容将显示在div <div id="message"></div>

我已经阅读了很多教程，但所有人都在谈论表单数据提交，但不幸的是我没有找到这样的情况，所以任何帮助都会真正适合它。

Answer 1

要创建它，您只需要从a元素的click事件发送AJAX请求。 您可以通过读取锚点的src属性来检索查询字符串，如下所示：

$('#petlink').click(function(e) {
  e.preventDefault();

  $.ajax({
    url: 'find.php',
    data: this.src.split('?')[1],
    success: function(response) {
      $('#message').text(response);
    }
  });
});

Answer 2

因为rory很伤心你需要给你的标签点击事件

$('#petlink').click(function(e) {
e.preventDefault();

 $.ajax({
  type:'POST'
  url: 'find.php&pets=1',
  data: this.href.split('?')[1],
dataType:'json',
  success: function(response) {
    $('#message').text(response);
   }
  });
 });

在你的PHP文件上添加

if（$ _ GET ['pets'] == 1）{

 $id    = $_POST['id'];     // 60
  $color = $_POST['color']; // brown
  $name  = $_POST['name']; // kitty
  echo 'pets came';
  exit;

}