php - jquery投稿フォーム

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で、この送信の結果をフォームからロードする必要がありますが、ページがリロードされて機能しません。コードが何度も表示されますが、何が起こるかわかりません。

全てに感謝

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

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 3

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>

私がスクリプトを悪くして、これを見ない助けをありがとう、ありがとう

Answer 4

submitブロックではなく、ブロック内でfalseを返してみてくださいready。