php - 如何使用 ajax 使用 POST 方法将变量传递给 php 文件？

Question

我修改了代码

将 prodID 发布到 ProductsList.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";
    }
}); 
}

传递给函数的元素是整数

在 ProductsList.php 我有

<?php 

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

echo $_POST['prodID'];


?>

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

这是为什么 ？

有谁知道？以下所有建议均未正确响应

Answer 1

$(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");
        }

    });
});
});

Answer 2

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

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

至

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

Answer 3

这种行为是正常的，因为您请求 ProductsList.php 两次。第一次使用$.ajax. 到那时，id 被正确发送。问题是您在 AJAX 完成使用后再次请求 ProductsList.phpwindow.location.href="ProductsList.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);  
        } 
   });
});