Сообщение ajax, но не может предотвратить обновление

Question

У меня проблема с обновлением страницы после сообщений ajax, я пробовал как 6 разных вариантов, и в какой-то момент я получил правильный результат, но не смог остановить страницу от обновления и после того, как поиск в сети и вокруг него на этом сайте, в настоящее время ни один из них не работает, и это все еще освежающий ...

текущий код:

$('#submit_btn').click(function() { 
/*event.preventDefault();*/ 
var curPassword = $("input#curPassword").val(); 
var newPassword = $("input#newPassword").val(); 
var new2Password = $("input#new2Password").val(); 
/*var params = 'curPassword='+ curPassword + '&newPassword=' + newPassword + '&new2Password=' + new2Password; */ 
var params = { 
    curPassword: curPassword, 
    newPassword: newPassword, 
    new2Password:new2Password 
}; 
$.ajax({ 
     type: "POST", 
     url: "testAjax.php", 
     data: params, 
     success: function(msg){ 
      alert(msg); 
     } 
    }); 
    return false; 
}); 

форма:

<form method="post" action="" name="confirmChange" class="confirmChange"> 
<label for="curPassword">Current Password:</label> 
<input type="password" name="curPassword" id="curPassword" value="" /> 
<label for="newPassword">New Password:</label> 
<input type="password" name="newPassword" id="newPassword" value="" /> 
<label for="new2Password">Confirm New Password:</label> 
<input type="password" name="new2Password" id="new2Password" value="" /> 
<br /> 
<input type="button" name="confirmChange" class="confirmChange" id="submit_btn" value="Change" /> 

Цените любую помощь в получении этой работы =/

Update: Вынул другой, не напрямую связанных с кодом, как это своего рода суматоху вопрос. Также обновленный код, чтобы отменить последнюю версию. Я изменил URL-адрес ajax на простой textAjax.php с простым echo hello world ничего другого, где я все еще ничего не получаю.

Update 2 попытался изменить код яваскрипта на:

$('#submit_btn').click(function() { 
     alert('Button Clicked'); 
}); 

И я не получаю ничего ... Если это форма ниже, как это возможно, функция клик не работает вообще ?

Answer 1

Я думаю, что я установил его с помощью:

$('#submit_btn').live('click', (function() { 

Я по крайней мере, начал получать ответ при нажатии, но я не обновляя или получить обратно любого эха от php-файл, но, надеюсь, это будет легче отладить.:)

Answer 2

Вам не нужно использовать type = "submit" для ввода. Просто используйте type = "button" и вызовите функцию ajax в событии щелчка кнопки.

<input type="button" name="confirmChange" class="confirmChange" id="submit_btn" value="Change"> 

$('#submit_btn').click(function() { 
    (ajax code here) 
}); 

preventDefault() также будет работать, но, на мой взгляд, почему предотвратить событие из встречающихся в природе, когда вы можете просто избежать с помощью кнопки вообще представить?

Обновление: Я только понял, что использование submit позволит пользователям нажать Enter, чтобы инициировать ваши действия, поэтому, возможно, есть и некоторые достоинства. В любом случае, here's a similar question that contains elaborations into preventDefault().

Обновление 2: Вам необходимо исправить свои параметры в функции ajax. Используйте массив вместо того, чтобы пытаться построить строку запроса:

var params = { 
curPassword: curPassword, 
newPassword: newPassword, 
new2Password:new2Password 
}; 

Answer 3

Инкапсулируйте ваш вызов AJAX в следующем блоке кода

 
$('form.confirmChange').submit(function(event) { 
     event.preventDefault(); 
     #Rest of your code goes in here 
}); 

preventDefault() предотвращает действие по умолчанию события от запуска.

Answer 4

Попробуйте

<script> 
function refreshpage(){ 
(ajax code here) 
    return false; 
} 
</script> 

<form onsubmit="return refreshpage();"> 
<input type = "submit" value="submit_btn"> 
</form> 

Answer 5

У меня была та же проблема. Как и вы, я обернул теги <input> внутри пары тегов <form>. Несмотря на то, что не было <submit>, я обнаружил, что когда я нажал на свою кнопку, чтобы вызвать вызов Ajax, это было обновление страницы - и фактическое представление формы на страницу.

Я закончил удаление тегов <form>, и этот режим остановлен, но Ajax по-прежнему работает должным образом. Надеюсь, это поможет кому-то еще, кто испытывает это.

Answer 6

Используйте цикл для запуска вызова ajax только один раз.

var i; 
for(i=0;i<1;i++){ 
//ajax code here 
} 

Таким образом, то он не будет звонить снова и снова ..