Php 带有链接id的Jquery Ajax请求

我已经读了很多教程和论坛帖子，但每读一次，我就会更加困惑。我认为我的问题很容易解决。。。 所以，我有不同Id的链接，我只想有号码

<a id="stream_1" class="change" href="javascript:void(0)">Stream1</a>
<a id="stream_2" class="change" href="javascript:void(0)">Stream2</a>
<a id="stream_3" class="change" href="javascript:void(0)">Stream3</a>

我现在要做的是：通过单击其中一个链接，我希望将id中给定的数字发送到一个.php脚本，以更改某个div的内容

<?php
include '/var/www/jpanimes/scripts/php/connection/connection.php';
$streamId = $_POST['id'];

if($streamRequest = $con->prepare("SELECT link FROM stream WHERE id = ?"))
{
    $streamRequest->bind_param("i", $streamId);
    $streamRequest->execute();
    $streamRequest->bind_result($streamData);
    $streamRequest->fetch();
    $streamRequest->close();
}

echo $streamData;
?>

---

在单击事件中，您可以获得ID:

 $('[id^=strea_]').click(function() {
      var id = $(this).attr('id').replace(/strea_/g, '');
 });

另一种解决方案是使用如下数据属性：

 $('a.open_stream').on('click', function(event) {
      var id = $(this).data('myOwnID');

      /* handle here your id */

      event.preventDefault();
      return false;
 });

 <a class="change open_stream" href="#" data-myOwnID="1">Stream1</a>

$（'a.open_stream'）。在（'click'，函数（事件）{
var id=$（this.data（'myOwnID'）；
/*把你的身份证给我*/
event.preventDefault（）；
返回false；
});

在单击事件中，您可以获得ID:

 $('[id^=strea_]').click(function() {
      var id = $(this).attr('id').replace(/strea_/g, '');
 });

另一种解决方案是使用如下数据属性：

 $('a.open_stream').on('click', function(event) {
      var id = $(this).data('myOwnID');

      /* handle here your id */

      event.preventDefault();
      return false;
 });

 <a class="change open_stream" href="#" data-myOwnID="1">Stream1</a>

$（'a.open_stream'）。在（'click'，函数（事件）{
var id=$（this.data（'myOwnID'）；
/*把你的身份证给我*/
event.preventDefault（）；
返回false；
});

试试看。您发出了一个ajax请求，但没有具体说明ajax请求完成后会发生什么。在这里，您必须设置一个success方法来处理输出

$('[id^=strea_]').click(function() {
    var id = $(this).attr('id').replace(/strea_/g, '');

    /* Request to .php file */
    var request = $.ajax({
        url:    '/request/ajax.php',
        type:   'POST',
        data:   {
            id: id
        },
        dataType: 'html',
        success: function(new_html) {
            // Insert the HTML into an Element
            $('div.content').html(new_html);
        }
    });

    event.preventDefault();
    return false;
});

---

试试看。您发出了一个ajax请求，但没有具体说明ajax请求完成后会发生什么。在这里，您必须设置一个success方法来处理输出

$('[id^=strea_]').click(function() {
    var id = $(this).attr('id').replace(/strea_/g, '');

    /* Request to .php file */
    var request = $.ajax({
        url:    '/request/ajax.php',
        type:   'POST',
        data:   {
            id: id
        },
        dataType: 'html',
        success: function(new_html) {
            // Insert the HTML into an Element
            $('div.content').html(new_html);
        }
    });

    event.preventDefault();
    return false;
});

---

谢谢你的回答。我更新了我的帖子，使用第一个解决方案，JQuery代码是否正确？听起来不错。改进不大：在click方法上添加一个事件参数，并使用event.preventDefault（）；要停止默认链接，请单击事件。这是我第一次尝试发出Ajax请求，我完全不安全，也许您可以快速查看一下这是否正确（请参阅我的第一篇文章）$（“[id^=strea_]”）。单击（函数（事件）{-你需要粗体字。我尽了最大的努力，但我完全不知道该怎么做…我发布了php代码，该代码应该从数据库中获取数据，并对jquery代码给出响应，但我不知道下一步该怎么做…谢谢你的回答。我更新了我的帖子，使用fir时jquery代码是否正确st解决方案？听起来不错。有点改进：在click方法上添加一个事件参数，并使用event.preventDefault（）；来停止默认的链接click事件。这是我第一次尝试发出Ajax请求，我完全不安全，也许你可以快速查看一下这是否正确（请参阅我的第一篇文章）$（“[id^=strea_z]”）。单击（函数（事件） {-你需要粗体字。我尽了最大努力，但我完全不知道该怎么做…我发布了php代码，该代码应该从数据库中获取数据，并对jquery代码给出响应，但我不知道下一步该怎么做…我再次尝试使用此代码，但没有发生任何情况，也没有错误报告或其他事情。我认为更好的方法是在我对php和jquery有了更好的了解之前使用普通php。但是非常感谢你的帮助。我用这段代码再试了一次，没有发生任何事情，也没有错误报告或其他事情。我认为更好的方法是使用普通php，直到我对php和jquery有了更好的了解。但是无论如何，谢谢你非常感谢你的帮助