Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery重新加载div内容_Javascript_Php_Jquery_Html - Fatal编程技术网

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文件中回显结果?