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），然后第二次可能会重新加载页面，以便加载AJAX的HTML消失。但我可能在这里不合适。

您正在分配onclick，这对于表单来说非常罕见。但是，仍然，e.preventDefault并返回false;如果您单击“提交”按钮，则onclick事件不会阻止表单提交。您可能希望使用表单的onsubmit事件，或者更好的是，避免使用提交按钮，而是如果要在回调函数中始终使用AJAX处理表单提交，则使用普通按钮。

使用ajax显示不同的php页面

1 个答案: