通过Ajax / jQuery从PHP检索数据

时间:2013-11-21 10:00:26

标签: javascript php jquery ajax

我的代码需要帮助,如何将值栏放入.table(例如.thx

我的php文件foo.php

<?php

header('Content-Type: application/json');
echo json_encode(array('foo' => 'bar'));

?>

我的jQuery代码

$(function () {

    $('button#click').click(function(e) {

    e.preventDefault();

        $.ajax({

            type: 'POST',
            url: 'foo.php',
            data: {data.foo},
            dataType : 'json',
            success : function (data) { $('.table').html("<p>"+data.foo+"</p>"); }

        });

    });

});     

2 个答案:

答案 0 :(得分:0)

$(function () {
    $('button#click').click(function (e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'foo.php',
            data: {},
            dataType: 'json',
            success: function (data) {
                $('.table').html("<p>" + data.foo + "</p>");
            }
        });
    });
});

答案 1 :(得分:-1)

你可以用另一种方式使用

    $(function () {
    $('button#click').click(function (e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'foo.php',
            data: 'key1=val1&key2=val2',
            success: function (data) {
                result = eval('(' +data + ')')
                $('.table').html("<p>" + result.foo + "</p>");
            }
        });
    });
});

和php文件:

<?php
echo json_encode(array('foo' => 'bar'));
?>