с использованием ajax для отображения другой страницы php

Question

<script> 
//jQuery('#frmSearch').click(function() { 
jQuery(function(){ 
jQuery('#frmSearch').on('click', function(e){ 
    e.preventDefault();  
     jQuery.ajax({ 
      type: 'POST', 
      url: 'mutualfundsprices/do_price_archive.php', 
      data: jQuery('#frmSearch').serialize(), 
      success: function(data) { 
       jQuery('#DisplayResult').html(data); 
      } 
     }); 
     return false; 
    }); 
}); 
</script> 

приведенный выше мой JavaScript для отображения другой страницы PHP, но после загрузки результата результат исчезает. Что не так с моим кодом?

Answer 1

Я предполагаю, что #frmSearch - это форма на вашем DOM, верно?

Мое предположение заключается в том, что форма отправляется дважды, после использования функции onclick (ajax), а затем вторая может перезагрузить страницу, чтобы ваш HTML-код, загруженный AJAX, исчез. Но я могу быть вне линии здесь.

Вы назначаете onclick, что весьма необычно для форм. Но все же, e.preventDefault и return false; в событии onclick не будет препятствовать отправке формы, если вы когда-либо нажмете кнопку отправки. Вместо этого вы можете использовать событие onsubmit формы или, что еще лучше, не иметь кнопку отправки, а скорее иметь обычную кнопку, если вы хотите обрабатывать формы, всегда используя AJAX в своей функции обратного вызова.