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), это работает! Но когда я ставлю кадр status.php в index.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", 

И это прекрасно работает. (Просто нажмите на «Run сниппета», он показывает ошибку, потому что URL-адрес не поддерживает кросс-домен)

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