javascript - PHP 和 Ajax : how to find out which object did the user click to pass to php?

标签 javascript php jquery ajax

我在这里测试了一些代码,基本上 html 文件代码的目的是根据用户单击的 h3 标题从 php 文件中回显值。

<!DOCTYPE html>
<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
    <h3 id="random1" name="random_request1">Click here to get number from php</h3>
<p id="randomnumber">Number here</p>
<h3 id="random2" name="random_request2">Click here to get string from php</h3>
<p id="randomtext">Text here</p>
    <script>
    $('#random1').click(function()
     {
        //On click: ask php to get me a random text file 
         $.ajax({
            type: 'POST',
            url: "action.php",
            success: function(newrandom)
            {
                $('#randomnumber').replaceWith(newrandom);
            }
        }); 
     });

$('#random2').click(function()
     {

         $.ajax({
            type: 'POST',
            url: "action.php",
            success: function(newrandom)
            {
                $('#randomtext').replaceWith(newrandom);
            }
        }); 
     });
</script>
</body>
</html>

这是 action.php 代码:

<?php
if ($_POST['random_request1']) {
    $random = rand();
    echo $random;
}

else if ($_POST['random_request2']){
    echo 'abcd';
}
?>

不出所料,php 无法识别 $_POST[] 中的 random_request1 和 2 名称。在这种情况下,我认为我仍然没有很好地掌握 POST 函数来自己回答这个问题。

最佳答案

只使用一次点击事件

$('h3[id^="random"]').on('click',function()
     {
        //On click: ask php to get me a random text file 
         $.ajax({
            type: 'POST',
            url: "action.php",
            data: {id : $(this).attr('id')},
            success: function(newrandom)
            {
                $('#randomnumber').replaceWith(newrandom);
            }
        }); 
     });

在你的 action.php 中

<?php 
  $id = $_POST['id'];
?>

关于javascript - PHP 和 Ajax : how to find out which object did the user click to pass to php?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30169129/

相关文章:

Javascript 刷新 + 倒计时文本

javascript - jQuery 合并数据属性

php - 如何在php中从一个sql表中减去另一个表中的数据?

javascript - 跨浏览器 jquery animate scrollTop

javascript - Jquery Date.parse 在 Chrome 浏览器中返回 NaN?

javascript - 将 highcharts yAxis.tickPositioner 回调函数移至某个 util 函数之外

javascript - 带有 ajax 和 Node http 模块的 Node.js 管道流

javascript - 用jquery动态填充用户输入对应的json数据

php - 能否通过php中的ini_set()函数设置 "allow_url_fopen" "ON"

php - 根据从数据库检索的值检查单选按钮