听取ajax行动的回应

时间:2014-12-07 22:03:20

标签: php jquery ajax

我有一个函数,我将数据提交到另一个将其输入数据库的php页面。

$(document).on('click', '.addNumber', function() {
    var newNum = $('input#newNumber').val();

        $.ajax({
            type: 'POST',
            url:  '/addNewPhoneNumber.ajax',
            data: {
                'bid' : bid,
                'nbr' : newNum
            },
            dataType : 'json'
        });

});

我需要扩展功能并在我的其他php页面上添加一个检查提交的号码。如果它已经在我的数据库中,我需要返回一些标志并在第一页上显示一条消息。我知道如何在我的第二页上执行此操作,但如何将响应返回到我的初始页面?

2 个答案:

答案 0 :(得分:3)

添加像这样的成功回调

$.ajax({
        type: 'POST',
        url:  '/addNewPhoneNumber.ajax',
        data: {
            'bid' : bid,
            'nbr' : newNum
        },
        dataType : 'json',
        success: function (response) {
        if(response.status === "success") {
            // do something with response.message or whatever other data on success
        } else if(response.status === "error") {
            // do something with response.message or whatever other data on error
        }
    }
    });

答案 1 :(得分:0)

您可以成功和错误回调函数

$.ajax({
    type: 'POST',
    url:  '/addNewPhoneNumber.ajax',
    data: {
        'bid' : bid,
        'nbr' : newNum
    },
    dataType : 'json',
    success: function(response, status, x) {
        console.log(response) //response is the output of your page.. you can write it somewhere

    },
    error: function(h, s, x) {
        console.log("error: " + h.statusText)
    }
  }
});