所以我基本上是为他们的网站创建一个餐厅菜单编辑器。我遇到的问题是,当单击名为 Brunch 的类别时,我通过 ajax 将文件edit_cat.php加载到页面上。所有数据都正确传递,但是在填写表单成功后,我想在父窗口上发布成功消息,但没有运气。巧合的是,成功后,警报(数据)确实会弹出响应。
edit_cat.php既处理表单提交,又是表单
$(document).ready(function(){
$('.editBtn').on('click', function(e) {
e.preventDefault();
var $this = $(this),
id = $this.data('id'),
type = $this.data('type');
if (type == 'cat') {
data = "&cat=" + id;
$.ajax({
data: data,
type: 'POST',
url: 'edit_cat.php',
success: function(data) {
$('#contentLeft').html(data);
}
});
}
});
$('#contentLeft').on('click', 'input[type="submit"]', function(e) {
e.preventDefault();
var $this = $(this),
frm = $('#edit-cat-frm'),
id = $('form').data('id'),
name = $(frm).find('input[name="name"]').val(),
desc = $(frm).find('textarea[name="desc"]').val(),
send = $(frm).find('input[name="submit"]').val();
data = "&cat=" + id + "&name=" + name + "&desc=" + desc + "&submit=" + send;
$.ajax({
data: data,
type: 'POST',
url: 'edit_cat.php',
success: function(data) {
window.parent.$('.left-container-head').innerHtml(data);
}
});
});
});
你能简单地试试这个吗,
$('.left-container-head').html(data);
试试这个:
$(".left-container-head", window.parent.document).html(data);