如何在Ajax发布表单到数据库后检索数据json

时间:2017-04-23 05:35:36

标签: jquery json ajax

我有一些代码插入数据到数据库,我希望在ajax将数据保存到数据库后,客户端自动检索回调json,这个json将用于验证数据保存与否。数据已保存,但json不在控制台中显示。任何人都可以帮助我吗?

这是我的客户代码:

<script>
$("#savependuduk").click(function () {
    var formdata = $('.form-input-penduduk').serialize();
    $.ajax({
        url: '?page=action',
        type: 'POST',
        dataType: 'json',
        data: formdata,
        success: function (data) {
            console.log(data.info);
            demo.showNotification('top', 'left', 'Berhasil Input', '2');
            $('input[type="text"],textarea,select,radio').val('');

        }
    });

});

和此服务器代码:

$qu = mysql_query("insert into mst_penduduk (nik,no_kk,nama,tempat_lahir,tgl_lahir,jen_kel,alamat,rt,rw,kelurahan,kecamatan,kabupaten,provinsi,negara,agama,status_perkawinan,pendidikan,pekerjaan,status_keluarga,status_kependudukan,kewarganegaraan) "
        . "values ('$nik','$no_kk','$nama','$tempat_lahir','$tanggal_lahir','$jenis_kelamin','$alamat','$rt','$rw','$kelurahan','$kecamatan','$kabupaten','$provinsi','$negara','$agama','$status_perkawinan','$pendidikan','$pekerjaan','$status_keluarga','$status_kependudukan','$status_kewarganegaraan')");

if ($qu) {
    $stat = "success";
} else {
    $stat = "failed";
}
$status = $stat;
echo json_encode(array('info' => $status));

2 个答案:

答案 0 :(得分:0)

是否需要解析返回的数据?

success: function (data) {
    var json = JSON.parse(data);
    console.log(json.info);
    ...........

答案 1 :(得分:0)

我没有使用json,但这解决了我的情况:

客户:

$("#savependuduk").click(function () {
    var formdata = $('.form-input-penduduk').serialize();
    $.ajax({
        url: 'action.php',
        type: 'POST',
        data: formdata,
        success: function (data) {
            if (data == "masuk") {
                demo.showNotification('top', 'right', 'Berhasil menyimpan', '2', 'done');
                $('input[type="text"],textarea,select,radio').val('');
            } else if (data == "ada") {
                demo.showNotification('top', 'right', 'Gagal menyimpan, nik ini telah terdaftar sebelumnya', '4', 'clear');
            }
            else {
                demo.showNotification('top', 'right', 'Gagal menyimpan, pastikan kolom isian lengkap', '4', 'clear');
            }

        },
        error: function () {
            demo.showNotification('top', 'right', 'Gagal menyimpan, cek koneksi anda', '4', 'clear');
        }
    });

});

服务器:

 $qu = mysql_query("insert into mst_penduduk (nik,no_kk,nama,tempat_lahir,tgl_lahir,jen_kel,alamat,rt,rw,kelurahan,kecamatan,kabupaten,provinsi,negara,agama,status_perkawinan,pendidikan,pekerjaan,status_keluarga,status_kependudukan,kewarganegaraan) "
            . "values ('$nik','$no_kk','$nama','$tempat_lahir','$tanggal_lahir','$jenis_kelamin','$alamat','$rt','$rw','$kelurahan','$kecamatan','$kabupaten','$provinsi','$negara','$agama','$status_perkawinan','$pendidikan','$pekerjaan','$status_keluarga','$status_kependudukan','$status_kewarganegaraan')");

    if ($qu) {
        echo "masuk";
    } else {
        echo "gagal";
    }