Javascript 使用jQuery重新加载div内容
这是我的代码:Javascript 使用jQuery重新加载div内容,javascript,php,jquery,html,Javascript,Php,Jquery,Html,这是我的代码: <div style="overflow-x: hidden; overflow-y: visible; height:300px; width:300px;" id="textDiv"> <?php $query = mysql_query("SELECT * FROM posts ORDER BY id"); while($queryVar = mysql_fetch_assoc($query)) { echo $queryVar['id'].".
<div style="overflow-x: hidden; overflow-y: visible; height:300px; width:300px;" id="textDiv">
<?php
$query = mysql_query("SELECT * FROM posts ORDER BY id");
while($queryVar = mysql_fetch_assoc($query))
{
echo $queryVar['id'].". ".$queryVar['text']."<br>";
}
?>
</div>
<div id="postComment">
<textarea id="text" onKeyPress="if(window.event.keyCode==13) postComment()" cols="30" rows="1" style="border: solid 1px #888;"></textarea>
</div>
<script type="text/javascript">
function postComment()
{
var textVar = document.getElementById('text').value;
$("#text").val("");
$.ajax
({
type: "GET",
url: "controllers/sendCommentController.php",
data: 'text=' + textVar,
success: function(msg)
{
$("#textDiv").hide().fadeIn('fast');
}
})
}
</script>
功能后指令()
{
var textVar=document.getElementById('text')。值;
$(“#text”).val(“”);
$.ajax
({
键入:“获取”,
url:“controllers/sendCommentController.php”,
数据:“text=”+textVar,
成功:功能(msg)
{
$(“#textDiv”).hide().fadeIn('fast');
}
})
}
正如您在文本区域中点击enter键时所看到的,sendCommentController.php执行(一个简单的mysql插入查询)。我希望我的textDiv重新加载其内容。load()没有真正起作用,或者我搞砸了,它将另一个textDiv加载到我现有的一个中。。。请帮助:(此外,我应该如何使div的滚动条始终位于底部?它实际上无法与.load一起工作。:(您没有在回调中追加新内容
success: function(msg)
{
$("#textDiv").append(msg).hide().fadeIn('fast');
}
有关滚动问题,请参见此。您没有在回调中追加新内容
success: function(msg)
{
$("#textDiv").append(msg).hide().fadeIn('fast');
}
有关滚动问题,请参见此。您没有在回调中追加新内容
success: function(msg)
{
$("#textDiv").append(msg).hide().fadeIn('fast');
}
有关滚动问题,请参见此。您没有在回调中追加新内容
success: function(msg)
{
$("#textDiv").append(msg).hide().fadeIn('fast');
}
有关滚动问题,请参见此
可能,将此更改为POST而不是GET
可能,将此更改为POST而不是GET
可能,将此更改为POST而不是GET
可能,将此更改为POST而不是GET。它仍然不会刷新div内容。:s
。append
将只添加到内容中。如果要完全替换内容,请将其更改为。html
。它仍然不会刷新div内容。:s。append
将只添加到内容中。将其更改为。html
如果要完全替换内容。它仍然不会刷新div内容。:s。append
只会添加到内容中。如果要完全替换内容,请将其更改为.html
。它仍然不会刷新div内容。:s。append
只会添加到内容中。将其更改为.html
如果要完全替换内容。那么我想我应该在php文件中回显结果?那么我想我应该在php文件中回显结果?那么我想我应该在php文件中回显结果?那么我想我应该在php文件中回显结果?