通过AJAX请求连续检索php中的发送数据

Question

我在编码时遇到一个问题，问题是我想从发送脚本到另一个脚本中检索相同的数据，让我解释一下

<button type="button" name="btn_more" data-vid="<?php echo $product; ?>" 
id="btn_more">Load more data</button> 
<input type="hidden" name="category" value="<?=$category;?>" id="category">

我必须先单击按钮以调用ajax并传递参数，然后第二个按钮保存数据库中的数据

$(document).ready(function(){  
    $(document).on('click', '#btn_more', function(){  
        var last_product_id = $(this).data("vid"); //this stands for <button>
        var cat=$("#cat").val(); //this one for hidden input
        $('#btn_more').html("Loading...");  
        $.ajax({  
            url:"ajax/shopProduct.php",  
            method:"POST",  
            data:{last_product_id:last_product_id, category:category},  
            dataType:"text",  
            success:function(data) {  
                if(data != 'No rows') {  
                    $('#remove_row').remove();  
                    $('#load_data_table').append(data);  
                } else {  
                    $('#btn_more').html("No results");   
                }  
            }  
        });  
    });  
});

在shopProduct.php中，我得到了发布数据

if($_POST) {  
    $let = filter_var($_POST["last_product_id"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH); 
    $category= filter_var($_POST["category"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH);
}

根据这两个值，我制作了一条SQL语句来检索数据，并显示一些信息作为输出，然后再次将load more按钮显示为

<div id="remove_row"><button type="button" name="btn_more" data-vid="<?php 
 echo $product; ?>" id="btn_more">Load more data</button></div>

实际的问题是，由于来自其他脚本的第二次单击调用， $category值停止存在。 我如何连续从第一个脚本获取$category值到当前脚本？

Answer 1

您使用了错误的选择器。 更改此行-

var cat =$("#cat").val()

至

var category = $("#category").val()