如何通过ajax获取数据

时间:2014-11-02 12:08:14

标签: php jquery ajax

我想从php文件中通过ajax获取一些数据: 这是我的代码:

jQuery("#load").click(function(){
    $.ajax({
       type: 'POST',
       url: 'setting/php/get_pic.php'
    }).done(function (data) {
        // Bei Erfolg
        console.log("done:" + data);
    });
});

PHP代码:

 $images = glob("BILDER/{*.jpg,*.JPG}", GLOB_BRACE);
 print_r($images);

现在我想编写数组,我得到整个PHP脚本代码

2 个答案:

答案 0 :(得分:0)

AJAX添加dataType: 'json'

jQuery("#load").click(function(){
    $.ajax(
        {
            type: 'POST',
            url: 'setting/php/get_pic.php',
            dataType: 'json' //Add this line
        })
        .done(function (data) {
            console.log("done:" + data);
        });
});

PHP结束时使用die()echo代替print_r()

$images = glob("BILDER/{*.jpg,*.JPG}", GLOB_BRACE);
die(json_encode($images)); //or echo json_encode($images);

答案 1 :(得分:0)

尝试。 (例如)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Ajax Example</title>
    <meta charset="utf-8">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script>
   jQuery(document).ready(function(){

        $.ajax(
             {
             type: 'POST',
             url: 'setting/php/get_pic.php'
             }).done(function (data) {
                // Bei Erfolg
                 jsonObj = JSON.parse(data);

                 var img = "";

                 for(i in jsonObj)
                 {
                    img += jsonObj[i]+"<br/>";
                 }

                 $("#jsonParsedResult").html(img);  

            });



});
    </script>
    </head>

    <body>
    <div id="jsonParsedResult"></div>
    </body>
    </html>

PHP代码:

<?php
$images = glob("BILDER/{*.php,*.PHP}", GLOB_BRACE);

echo json_encode($images);
?>