將PHP變量傳遞給存儲在另一個js文件中的jquery ajax post函數

Question

例如，我有一個變量$abc 。 我想以某種方式將其傳遞給存儲在另一個JS文件中的jQuery AJAX POST函數。 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')
        }
    });
});