Jquery: Отправить форму без обновления

Question

Im пытается отправить форму, как таким образом:

<form id="myForm" action="http://example.com/somefile" method="POST"> 
... 
... 
... 
<input type="submit" id="sendForm" value="send"> 
</form> 

действие связать его с веб-сервиса, разработанного другим разработчиком, поэтому, когда я отправить форму, то вебсервис отвечает мне с URL-адресом (http://www.example.com/thanks), я хочу сделать это, чтобы избежать этого ответа на веб-сервисы и на месте изменить URL-адрес перенаправления, возможно ли это?

Ive пытался тоже сделать это с:

<script> 
    $("#sendForm").click(function() { 
     if (form_check_validation()) { 
      $("#myForm").submit(); 
      window.location.replace("http://stackoverflow.com");    
     } else { 
      return false; 
    //      event.preventDefault(); 
     } 

    }); 
</script> 

но не работает.

Благодаря

Примечание: вебсервис находится на другом сервере, так что им, имеющих проблемы с междоменном происхождения.

Answer 1

https://api.jquery.com/event.preventdefault/ Google является вашим другом, почка ...........

Answer 2

Предполагая, что эта услуга позволяет перекрестное происхождение и вы не хотите/нужно перейти на другую страницу, то почему бы не использовать Ajax? Вы можете просто создать и ajax-вызов, используя $.ajax.

http://api.jquery.com/jquery.ajax/ см

Пример:

$.ajax({ 
    url : "POST_URL", 
    type: "POST", 
    data : formData, 
    success: function(data, textStatus, jqXHR) 
    { 
     // Handle server response 
    }, 
    error: function (jqXHR, textStatus, errorThrown) 
    { 
     // Handle error 
    } 
}); 

Answer 3

Вы можете сделать это с помощью Ajax. Я также рекомендую вам привязать прослушиватель событий submit к форме, чтобы подача работала правильно также при нажатии Enter.

$("#myForm").submit(function (event) { 
    if (form_check_validation()) { 
     form_submit(this); 
    } else { 
     // ... 
    } 
    event.preventDefault(); 
}); 

function form_submit (form) { 
    $.ajax({ 
     url: form.action, 
     type: form.method, 
     data: $(form).serialize() 
    }); 
}