. HTML()不能在jquery $.post之后实时更新HTML表
.html() not working for live update of html table after jquery $.post
我目前有一个jQuery对话框(http://api.jqueryui.com/dialog/),当用户单击类low_inv_notes的表时,将弹出并允许他们输入他们想要的任何注释。
注释被正确地存储在数据库中,但是我试图实现表td的实时更新,当他们在那个对话框上点击提交,这是不工作。如果用户想要看到更新的表,他们必须重新加载页面,这不是我想要的。
我相信我的问题与。html()有关;我已经发出警报,检查我使用的变量有值,我已经检查了,以确保所有的id和类的正确标签。
下面是我的对话框的代码:
$( ".low_inv_notes" ).click(function(event) {
var notes = $(this).andSelf().html();
var netQty = $(this).closest('tr').find('td:eq(6)').text();
var stockNumber = $(this).closest('tr').find('td:eq(0)').text();
var $dialog = $('<div id="dialog"></div>')
.html('<textarea id="noteContent" style="width: 450px; height: 190px;">' + notes + '</textarea>')
.dialog({ title: 'Edit This Note:',
autoOpen: false,
height: 300,
width: 500,
modal: true,
buttons: {
"Submit":function() {
var old = notes;
var new_notes = $("#noteContent").val();
if(new_notes == old){
alert("Note is the same - change to submit");
$(this).dialog('close');
$(this).dialog('open');
}
else {
$.post( "edit_low_inv_notes.php", { netQty:netQty, stockNumber: stockNumber, new_notes: new_notes},function(data){
var id = stockNumber+'notes';
//alert(id);
//alert(new_notes);
//$('#00260040.01Dnotes').html('test');
$('#'+id).html(new_notes);
}
);
$(this).dialog("destroy").remove();
}
},
"Close":function() {
$(this).dialog("destroy").remove();
}
}
});
$dialog.dialog( "open" );
});
我已经尝试将。text替换为。html以及在函数(数据)之前完成相同数量的成功。什么好主意吗?提前感谢
我强烈怀疑问题在于元素id中间的.
字符。如果你的id值真的看起来像"00260040.01D",那么jQuery将把.
解释为一个类选择器。
你可以试试:
$('#' + id.replace(/'./g, '''.')).html(new_notes);
相关文章:
- 在POST中将html表作为csv提交
- 无法将大型html内容POST到Chrome上的服务器
- HTML表单将数据POST到MySQL
- jQuery/Ajax-试图通过Ajax创建POST方法并获得对HTML的响应
- Ajax POST请求没有html表单,并且是纯JS
- 自动添加然后POST的HTML表单
- 如何通过POST类型以html形式发送PHP数组
- 如何在POST方法之后使用javascript更改HTML内容
- 使用POST提交按钮,而不是使用HTML表单
- 如何将CSS和HTML元素呈现回客户端's浏览器从表单POST帐户和JavaScript
- 在提交时更改HTML Post参数
- 使用Javascript编辑HTML表并将更改捕获为POST
- $('body').html()从来自Firefox中$jQuery.post的响应数据中给出了空白内容
- 如何将带有普通对象集合的 Js 数组对象传递给 ajax post'html' 数据类型中的控制器
- 使用 AngularJS Http Post 将表单 html 中的数据发布到服务器
- 快速应用程序对 HTML 页面的 POST 响应
- HTML POST->重定向工作,XMLHTTPrequest->重定向不起作用(无法从null发出任何请求
- HTML POST重定向问题
- html post和js的区别
- 为什么在为无线电输入类型执行html post时使用名称" datettype "它没有正确张贴