将PHP变量传递给存储在另一个js文件中的jquery ajax post函数

Question

例如，我有一个变量$abc。我想以某种方式将它传递给jQuery AJAX POST函数，该函数存储在另一个JS文件中。 post函数会将该变量传递给page2.php，此页面将使用它来查询数据库，最后在当前页面上显示page2.php的内容。

那么我如何将$abc变量实际传递给外部JS文件中的jQuery post函数？

Answer 1

您可以使用data-*属性来实现此目的。在HTML中，您可以使用$abc PHP变量添加该属性：

<a href="#" data-var="<?php echo $abc ?>">Foo</a>

然后在外部JS文件中，您可以从引发事件的元素中读取此属性并将其包含在AJAX数据中：

$('a').click(function(e) {
    e.preventDefault();
    $.ajax({
        url: '/bar/',
        data: {
            foobar: $(this).data('var')
        }
    });
});