Javascript ajax加载内容上的jQuery操作
我已将一些数据加载到boostrap中Javascript ajax加载内容上的jQuery操作,javascript,jquery,Javascript,Jquery,我已将一些数据加载到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"><butt
$(".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;
});
但它不起作用
我尝试在事件上抛出一个警报(“”
),以检查它是否正在触发。事实并非如此
我被难住了。如果post\u status.asp只是返回一个标题响应“200 OK”,并带有一个空的“response body”,那么
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\u status.asp使用实际的数据进行响应,它们需要是“键值对”。您确定dom上有id为post\u frm的元素吗?您是否尝试使用firebug查看其id是否正常工作。是的,控制台中显示了具有该id的表单。您是否检查了post_status.asp是否返回有效的JSON?@Coby post_status.asp不返回JSON,它只返回true或错误消息。我们可以查看post_status.asp的确切输出吗?
$.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');
}
});