WP插件中的可爱文件浏览器-$ .get不要获取php文件

Question

我正在尝试通过简码将tutorialzine中的“可爱文件浏览器”实现为Wordpress插件。 我设法通过wp_enqueue_scripts推送了脚本/ css，但看起来像

$.get('scan.php' , function (data)[..]

不起作用。

这是main.php中的调用操作

add_action('wp_enqueue_scripts', 'callback_for_setting_up_scripts');
function callback_for_setting_up_scripts() {
    wp_enqueue_style( 'style',plugin_dir_url( __FILE__ ) . 'assets/css/styles.css' );
    wp_register_script( 'script', plugin_dir_url( __FILE__ ) . 'assets/js/script.js' , array( 'jquery' ), NULL, false);
}

这是我使用非冲突模式创建script.js的方式，但是$ .get

存在一些问题

(function($){ $(document).ready(function(){ 

    var filemanager = $('.filemanager'),
        breadcrumbs = $('.breadcrumbs'),
        fileList = filemanager.find('.data');


    // Start by fetching the file data from scan.php with an AJAX request

$.get('scan.php' , function (data){
    alert( "Data Loaded: " + data );
});

这是scan.php的输出

header('Content-type: application/json');

echo json_encode(array(
    "name" => "files",
    "type" => "folder",
    "path" => $dir,
    "items" => $response
));