Javascript-Ajax重载Div
我有以下代码,但它刷新整个页面,而不是“terminal”div 有什么线索吗Javascript-Ajax重载Div,javascript,ajax,forms,html,refresh,Javascript,Ajax,Forms,Html,Refresh,我有以下代码,但它刷新整个页面,而不是“terminal”div 有什么线索吗 <div id="terminal" name="terminal" class="terminal"><?php include('terminal.php');?></div> <script type="text/javascript" > $('#com').submit(function(e) { e.preventDefault(); $.aj
<div id="terminal" name="terminal" class="terminal"><?php include('terminal.php');?></div>
<script type="text/javascript" >
$('#com').submit(function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "comandos.php",
data: $(this).serialize(),
success: function() {
$('#terminal').load('terminal.php');
}
});
});
</script>
<form id="com" name="com" action="" method="post">
<pre><?php echo $prompt;?> <input id="text" type="text" name="text" class="inputclass" size=60 autofocus="true"/></pre>
<input name="submit" id="submit" type="submit" style="display:none" class="inputclass"/>
</form>
$('#com')。提交(函数(e){
e、 预防默认值();
$.ajax({
类型:“POST”,
url:“comandos.php”,
数据:$(this).serialize(),
成功:函数(){
$('#terminal').load('terminal.php');
}
});
});
您的提交侦听器应返回false,以防止浏览器正常提交表单
$('#com').submit(function (e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "comandos.php",
async: false,
data: $(this).serialize(),
success: function () {
$('#terminal').load('terminal.php', function () {
return false;
});
}
});
});
提交表单的正常操作或结果是再次重新加载表单,这就是您得到的结果。因此,要停止这种“正常”行为,只需
返回fasle
请检查一下
因为你提交的表格不是关于e。。在load的完整功能中,我看到了这个“return false”,但仍然不起作用。重新加载整个页面而不是“terminal”div可能根本没有调用脚本吗?我添加了一个alertbox并且没有被调用。。。有什么线索吗?我明白了,但还是不起作用。重新加载整个页面而不是“terminal”div可能根本没有调用脚本?
$('#com').submit(function (e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "comandos.php",
async: false,
data: $(this).serialize(),
success: function () {
$('#terminal').load('terminal.php', function () {
return false;
});
}
});
});