Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/17.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-Ajax重载Div_Javascript_Ajax_Forms_Html_Refresh - Fatal编程技术网

Javascript-Ajax重载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

我有以下代码,但它刷新整个页面,而不是“terminal”div

有什么线索吗

<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;
            });
        }
    });
});