Question

我有一个JavaScript Ajax调用（jQuery.ajax），它不执行成功回调函数。

$.ajax({
        url: target,
        contentType: 'application/json; charset=utf-8',
        type: 'POST',
        // type: 'GET',
        dataType: 'jsonp',
        error: function (xhr, status) {
            alert(status);
        },
        success: function (result) {
            alert("Callback done!");
            // grid.dataBind(result.results);
            // grid.dataBind(result);
        }
    });

我在firebug中看到，请求已发布，并且按照预期返回了json方面的正确结果。有什么问题？

Answer 1

很多时候我遇到过类似的问题，大部分时间都是因为json格式不正确。尝试将结果作为文本数据类型来查看这是否是您的问题。

另外，我想问你是否使用像“＆amp; jsoncallback =？”这样的参数。在你的网址中，因为你的数据类型是jsonp而不是简单的json。

Answer 2

$.ajax dataType: 'jsonp'与{{1}}的通话可能适用于以下情况：

您正在网页的同一个域中调用网址。
您正在调用支持callback

如果您不在这两种情况中，则无法执行任何操作，因为您无法进行跨站点XmlHttpRequest调用。

Answer 3

这是一个老问题，但我怀疑人们仍然会遇到这个问题。

我打了一段时间，并最终放弃并转移到延期模型。（我一直在使用jQuery，以至于我仍处于“旧”的习惯......）一旦我转移到延迟模型，事情就开始起作用了。我不知道为什么旧方法不起作用，但不再关心。（这个问题早于新模型。）

比照https://stackoverflow.com/a/14754681/199172

Answer 4

您需要将async属性设置为false。

$.ajax({
        url: target,
        contentType: 'application/json; charset=utf-8',
        type: 'POST',
        // type: 'GET',
        dataType: 'jsonp',
        async = false,
        error: function (xhr, status) {
            alert(status);
        },
        success: function (result) {
            alert("Callback done!");
            // grid.dataBind(result.results);
            // grid.dataBind(result);
        }
    });

Answer 5

这恰好发生在我的一位同事身上，所以我想我也会添加我的解决方案。

我们可以看到正在进行ajax调用，并且可以看到Fiddler中返回的正确响应（状态200 /完全有效的JSON），但它永远不会遇到错误，成功或完整的回调。在ajax调用中添加async：false会使其工作，但这不是一个真正合适的解决方案。另外，在ajax调用之后直接发出警报（没有async：false），并在显示警报后等待几秒钟，会以某种方式强制ajax回调工作。确实很奇怪......

事实证明，带有ajax调用的函数被绑定到type =“submit”的输入，这是这种奇怪行为的来源。将输入更改为type =“button”更正了它。

Answer 6

Jquery使用mutliple参数调用servlet时，即使调用成功，也没有调用成功或错误。它被绑定到提交按钮。更改它返回了成功事件。

以下是我的参考代码，以防有人需要它供参考。

$(document).ready( function () {    
    $("#buttonSave").click(function() {
        alert('incustsave');
        var name = $("#custname").val();
        var gstnumber = $("#gstnumber").val();
        var custbizname = $("#custbizname").val();
        var email = $("#email").val();
        var address = $("#address").val();
        var street = $("#street").val();
        var city = $("#city").val();
        var zip = $("#zip").val();
        var phone = $("#phone").val();
        var country = $("#ctry").val();

        var inputArray = [name, gstnumber, custbizname, email, address, street, city, zip, phone, country];
        var Success = false;
        alert('added_button_and_dt');
        $.ajax({  
            type: "POST",
            url: "RegisterCustomerServlet",               
            data: {'input': inputArray},
            dataType: 'json',

            success: function (data) {
                alert('sucess');
            },
            error: function (e) {
                alert('error');
            }
        });
    });
});

HTML with Bootstrap3（按钮引用）

<!-- Button -->
<div class='wrapper text-center'>
    <div class="btn-group">
        <button type="button"  id="buttonSave" class="btn btn-primary">Save</button>
    </div>
</div>

Servlet参考

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    HashMap<String,String>  map = new HashMap<String,String>();
    CustomerDAO custinfo = new CustomerDAO();
    Gson gson = new Gson();
    CustomerVO vo = new CustomerVO();

    String[] myJsonData = request.getParameterValues("input[]");
    logger.info("in custregisterjsoninput" + myJsonData[0] + myJsonData[2] + myJsonData[3] + myJsonData[4]);

    map.put("custname", myJsonData[0]);
    map.put("getsnumber", myJsonData[1]);
    map.put("custbizname", myJsonData[2]);

    map.put("email", myJsonData[3]);
    map.put("address", myJsonData[4]);
    map.put("street", myJsonData[5]);
    map.put("city", myJsonData[6]);          
    map.put("pincode", myJsonData[7]);
    map.put("mainphone", myJsonData[8]);
    map.put("country", myJsonData[9]);

    try {
        vo = custinfo.saveCustomerInfo(map);
    } catch (Exception e) {
        logger.info("aftercall"+e.getMessage());
        throw new ServletException(e);
    }  
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    response.getWriter().write(Utility.convertPOJOtoJason(vo));
}

jQuery.ajax成功回调函数未执行

6 个答案: