jquery post form

本文关键字：form post jquery | 更新日期: 2023-09-26

我有这个代码发送简单的数据使用jquery，但没有作品，所有时间重载页面和不加载内容我发送的post

我的代码是:

<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中，它必须从表单中加载这个send by post的结果，但是页面重新加载并且没有工作，我多次看到代码，但我不明白发生了什么

Thank´s for All

您的代码中有语法错误，您没有关闭提交处理程序。

$(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;     
    }); // <---
});

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

您可能有一个语法错误，因为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>

Ok !!，谢谢大家

正确代码:

<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>

谢谢你的帮助，我把脚本，没有看到这个，谢谢