如何使用 ajax 通过 POST 方法将变量传递给 php 文件 - How to use ajax to pass a variable to a php file using POST method?

How to use ajax to pass a variable to a php file using POST method?

我修改了代码

将产品 ID 开机自检到产品列表.php

  // its a dynamically generated drop menu
   while($rowmnu2=mysql_fetch_assoc($resulmnusub2))
    {
       echo '<li><a  id="'.$rowmnu2['liid'].'" href="#" onclick="passto(this.id)">'.$rowmnu2['title'].'</a></li>
';
    }

这是我的 ajax 函数：

function passto(val){
//window.location.href="ProductsList.php?idd=" + val;
 $.ajax({
    url: 'ProductsList.php', 
    type: "POST",
    data: ({prodID: val}),
    success: function(data){
        //or if the data is JSON
        window.location.href="ProductsList.php";
    }
}); 
}

传递给函数的元素是一个整数

在产品列表中.php我有

<?php 
if(!$_POST['prodID']) die("There is no such product!");
echo $_POST['prodID'];

?>

我得到没有这样的产品！虽然应该有一个 INT #

为什么？

有人知道吗？所有波纹管建议均未正确响应

$(document).ready(function() {
    $("a").click(function(event) {
        myid = $(this).attr('id');
        $.ajax({
        type: "POST",
            url: "ProductsList.php",
            data: {prodID: myid},
        dataType: "json",
            complete:function(){

            window.location("ProductsList.php");
        }
    });
});
});

如果你想 POST id ，你可以更改：

...onclick="passto(this)"...

自

...onclick="passto(this.id)"...

这种行为是正常的，因为您请求 ProductsList.php 两次。第一次使用 AJAX 请求使用 $.ajax . 此时，ID 将正确发送。问题是您在 AJAX 完成使用window.location.href="ProductsList.php";后再次请求产品列表.php而不发送任何内容。所以结果是预期的，页面打印There is no such product!

您可以通过将window.location.href="ProductsList.php";替换为以下内容来解决此问题：

$('body').html(data);

或任何其他正确使用返回数据的指令。

您可以使用我编辑的代码，也可以只编辑您的代码：

echo '<li ><a  id="'.$rowmnu2['link'].'" href="#">'.$rowmnu2['title'].'</a></li>';

JS部分：

$('a').click(function() {
    var val = $( this ).attr('id');
    $.ajax({
        type: "POST",
        url: "ProductsList.php",
        data: {prodID:val},
        complete:function(){
            $('body').html(data);  
        } 
   });
});