Question

我有这个代码用于使用jquery发送简单数据，但没有工作，所有时间重新加载页面和没有加载内容我通过发送

我的代码是这样的：

<script>
$(document).ready(function() {

    $("#form_order").submit( function () {    
        $.ajax({   
            type: "POST",
            data : $(this).serialize(),
            cache: false,  
            url: "indexer_adm.php?send_order2=ok",   
            success: function(data){
                $("#load_order").html(data);                          
            }   
        });   
        return false;     
    });
</script>

<form name="forma" id="form_order" method="post" action="">
<table width="100%" border="1">
<tr>
<td height="30" align="center" valign="middle">
<select name="select_order">
<option value="articles">Articles</option>
<option value="blogs">Blogs</option>
<option value="products">Products</option>
</select>
<input type="submit" name="Submit" value="Acceder">
<input type="hidden" name="send_order2" value="ok"> 
<input type="hidden" name="action_load" value="<?php echo $_REQUEST['action_load'];?>">
</td>
</tr>
<tr>
<td height="30" align="center" valign="middle">&nbsp;</td>
</tr>
</table>
</form>

<div id="load_order"></div>

在名为load_order的div中，它必须通过post从表单加载此发送的结果，但页面重新加载并且没有用，我看了很多次代码，但我不明白发生了什么

感谢所有人

Answer 1

您的代码中存在语法错误，您尚未关闭提交处理程序。

$(document).ready(function() {
    $("#form_order").submit( function () {    
        $.ajax({   
            type: "POST",
            data : $(this).serialize(),
            cache: false,  
            url: "indexer_adm.php?send_order2=ok",   
            success: function(data){
                $("#load_order").html(data);                          
            }   
        });   
        return false;     
    }); // <---
});

Answer 2

尝试在submit块内返回false，而不是ready块。

Answer 3

您可能遇到语法错误，因为return false应该停止刷新表单。我会改用post函数：

<script>
  $(function() {

    $("#form_order").submit( function () {    
     $.post('indexer_adm.php?send_order2=ok',  $(this).serialize(), function(data) {
        $("#load_order").html(data);  
     });
     return false;   

});
</script>

Answer 4

好的!!! ，谢谢大家

正确的代码：

<script>
$(document).ready(function() {
/*
$("#load_order").show(1000);
$("#load_order").load("<?php print "".$ruta_path_adm."".$ruta_modulos."/mod_order/indexer_adm.php?send_order2=ok";?>");
*/

$("#form_order").submit( function () {    
                        $.ajax({   
                            type: "POST",
                            data : $(this).serialize(),
                            cache: false,  
                            url: "<?php print "".$ruta_path_adm."".$ruta_modulos."/mod_order/indexer_adm.php?send_order2=ok";?>",   
                            success: function(data){
                                $("#load_order").html(data); 



                            }   
                        });   

                        return false; 
                         }); 



});
</script>

感谢帮助我把脚本搞糟了，没有看到这个，谢谢

jquery帖子表格

4 个答案: