Question

我的页面上有很多按钮。当我点击它们时，我需要从数据库中获取数据。我需要实现一些jQuery样式，我需要使用AJAX来完成它。如何将按钮的url传递给“ajax.php”页面（我的处理完成的地方以及我可以使用GET方法从数据库中检索数据的位置）。

Answer 1

澄清几点：

首先，jQuery可用于通过AJAX进行通信，也可用于“样式化”（即控制布局元素并与CSS交互。但是，样式和AJAX不相交.AJAX用于允许页面进行通信使用服务器。样式控制页面的外观和行为。

其次，按钮没有URL。您可以为它们提供ID，类或名称，但不能为URL提供。如评论中所述，您可以将按钮包装在锚标记（<a>）中，以便轻松地为其指定操作。

如果您已经习惯于构建HTML表单并将数据传递到服务器端脚本进行处理，我建议您查看jQuery website以获取有用的文档和教程。

如果您不熟悉HTML表单，可以通过自己喜欢的搜索引擎获得大量教程。

如果您不熟悉服务器端脚本，PHP是一种易于学习和快速学习的语言。

Answer 2

因为您的按钮实际上是链接，您可以执行以下操作

HTML：

<a class="btn" href="myurl.php?id=2"></a>

Jquery的：

  $('.btn').click(function(event){
       event.preventDefault();

       $.ajax({
           url: $(this).attr('href'),
           type: 'GET',
           success: function(data){
                 alert('server respond with' + data)
           }

       });
  })

Answer 3

<a class="button" href="page.html">do some ajax</a>

<script>
  $('.button').click(function() {
    var btn_url = $(this).attr('href');
    $.get('ajax.php', {url: btn_url}, function(data){
      alert('done');
    });
    return false;
  });
</script>

由于您谈到“按钮”和“网址”，我认为您的意思是<a> - 标记为按钮，因为<button>没有类似href - 属性的内容。 <a> - 元素不应该被滥用为按钮 - 实际上就是<button>的用途。您可以将某些信息应用于id或class - 属性，例如

<button class="button" id="page">do some ajax</button>

然后你可以用

收集'url'

var btn_url = $(this).attr('id')+'.html';

所以，如果您愿意，请查看jQuery.get（或jQuery.post并尝试按照惯例使用XHTML;）

将URL传递给AJAX页面

3 个答案: