Javascript 将Ajax与JQuery.on（）一起使用

我正在尝试将这两个功能结合起来，但我对Ajax和JS的了解还不够，我不知道该怎么做

$(document).on('click', '.list_item', function() {
    var indx = $(this).index();
});

$.ajax({
    type: 'POST',
    url: 'NavBar.php',
    data: {'indx': pat_id},
});

基本上我想把JS变量

indx

发送到php变量

pat_id

当用户单击

li

时，会收到如下内容

<li class= "list_item" onclick ="<?php $pat_id = $_POST ['indx']; ?>">

试试这个：

    $(document).on('click', '.list_item', function() {
        var indx = $(this).index();
        $.ajax({ // add ajax code here
        type: 'POST',
        url: 'NavBar.php',
        data: {pat_id: indx}, // send parameter like this
        success: function(response) {
               console.log(response);
        }
        });
    });

因此，在NavBar.php中，您可以访问pat_id，如下所示：

echo $_POST['pat_id'];

只是想澄清一下，它看起来是这样的，
，变量pat\u id将具有JS变量的值？或者我必须在li之外编写POST命令吗？$\u POST['pat\u id']将包含indx js变量的值，是的，您可以在li中使用$\u POST['pat\u id']..它给了我一个错误，说pat_id没有定义，但控制台在XHR完成加载帖子后做出反应，随后出现类似以下错误：致命错误：未捕获异常“Zend_Acl_exception”，消息“Resource”shiprequest_NavBar.php“not found…”我不明白为什么在将帖子发送到同一url时会出现路径问题包含代码将ajax调用放在click中？