Ajax發布沒有刷新

Question

我只是在status.php中編寫代碼：

<script type="text/javascript">  
    $(document).ready(function() {  
        $("form#iscrizione").submit(function(){   
            var ordine = $("#ordine").val();  
            var cognome = $("#cognome").val();
            $.ajax({  
                type: "POST",
                url: "http://****/new/action.php",  
                data: "cognome=" + cognome + "&ordine=" + ordine,
                dataType: "html",
                success: function(risposta) {  
                    $("div#risposta").html(risposta);  
                    alert("ok!");
                },
                error: function(){
                    alert("Chiamata fallita!!!");
                } 
            }); 
            return false;  
        });
    });
</script>  

在我的頁面（status.php）它的工作原理！ 但是，當我在index.php中放置一個status.php框架時，它不起作用，只更改網址，如： ?cognome=Esposito&ordine=2121237391

我應該怎么做才能在index.php中作為一個框架工作？

Answer 1

我用了

  type: "GET",
  url: "http://stackoverflow.com/questions/32554239/ajax-post-without-refresh", 

而不是你的

   type: "POST",
  url: "http://****/new/action.php",  

它工作正常。 （只需點擊“運行代碼段”，它會顯示錯誤，因為該網址不支持跨域）

 $(document).ready(function() { $("form#iscrizione").submit(function(){ var ordine = $("#ordine").val(); var cognome = $("#cognome").val(); $.ajax({ type: "GET", url: "http://stackoverflow.com/questions/32554239/ajax-post-without-refresh", data: "cognome=" + cognome + "&ordine=" + ordine, dataType: "html", success: function(risposta) { $("div#risposta").html(risposta); alert("ok!"); }, error: function(){ alert("Chiamata fallita!!!"); } }); return false; }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="iscrizione"> <input type="text" value="get" id="cognome"><input type="text" value="get" id="ordine"><input type="submit" value="get"></form><div id="risposta"></div>