jQuery对Ajax加载内容的操作

Question

我已将一些数据加载到boostrap中。

$(".open_modal").live('click', function () {
    var $url = $(this).attr('data-url');
    var $title = $(this).attr('title');
    var $modal_data = $('<div class="modal" id="my_modal"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h3><img src="/assets/imgs/loading.gif" /> Loading....</h3></div><div id="modal_content"></div></div>')
        $modal_data.modal({
            show: true,
            backdrop: 'static'
        });
       $modal_data.find("#modal_content").load($url,function(){         
            $modal_data.find("h3").text($title);
    });
    return false;
});

我正在加载的内容包含一个表格...

我正在尝试触发一个jquery代码来阻止Submit事件。

$("body").delegate("#post_status_frm", 'submit', function (e) {
    var $this = $(this);
    var $status = $("#shout_field").val();
    $.ajax({
        type: "POST",
        url: "/do/post_status.asp",
        data:  $this.serialize(),
        success: function (data) {
            if (data === 'true') {
                $("#my_modal").modal('hide');
                $("#activity").load('/content/activity.asp');
            } else {
                alert(data);
            }
        }

    });
    return false;
}); 

但是它不起作用？

我试图在事件上抛出一个alert("")来检查它是否正在触发。 不是。

我很沮丧

Answer 1

如果post_status.asp仅返回带有空“ response body”的标头响应“ 200 OK”，则data变量将返回null 。

$.ajax({
    type: "POST",
    url: "/do/post_status.asp",
    data:  $this.serialize(),
    success: function (data) {
        console.log(data, data === null); // Output: null true
        $("#my_modal").modal('hide');
        $("#activity").load('/content/activity.asp');
    }
});

如果希望post_status.asp用实际的JSON数据进行响应，则它们必须位于“键值对”中。