如何在不重新加载php页面的情况下提交表单答案

【问题标题】：How to submit the form with out reloading the page in php如何在不重新加载php页面的情况下提交表单
【发布时间】：2016-01-20 05:19:17
【问题描述】：

我正在使用 codeigniter 开发一个程序。我的视图文件有一个表单

<form id="form" name="enquiry">
    <ul>
       <li>
           <label>Name</label>
           <input name="name" type="text" id="name" class="required"/>
       </li>
       <li>
           <label>Email</label>
           <input name="email" type="email" id="email" class="required"/>
       </li>
       <li>
           <label>Telephone</label>
           <input name="telephone" type="text" id="telephone" class="required"/>
       </li>
       <li>
           <button type="submit" id="enquiry_submit">Send</button>
       </li>
   </ul>
</form>

为此，我使用 jquery 进行提交和验证

$("#form").validate({
    submitHandler: function(form) {
        var name1 = $('#name').val();
        var email1 = $('#email').val();
        var telephone1 = $('#telephone').val();
        if(name1 && email1 && telephone1) {
            $.ajax({
                type: 'post',
                url: '<?= base_url()?>'+'frontend/form_enquiry',
                data: 'name='+name1+'&email='+email1+'&telephone='+telephone1
            });
        }
    }
});

这里的前端是我存储数据的控制器。我使用这个表单作为所有页面的弹出窗口。它在主页上工作正常，但在其他页面上不工作。提交表单时，应加载页面。我想在不加载页面的情况下提交表单。

【问题讨论】：

而stackoverflow.com/…没有类似的案例？
应该工作是什么问题？
我想在不加载文件的情况下提交表单。它在我的主页中有效，但在其他页面中无效

标签： javascript php jquery codeigniter

【解决方案1】：

改变

 <button type="submit" id="enquiry_submit">Send</button>

到

 <button type="button" id="enquiry_submit">Send</button>

【讨论】：

鉴于我告诉你的改变，并在 ajax 中做@Krupesh Kotecha 提供的代码

【解决方案2】：

试试这个

$("#form").validate({
     submitHandler: function(form) {
         var name1 = $('#name').val();
         var email1 = $('#email').val();
         var telephone1 = $('#telephone').val();
         if(name1 && email1 && telephone1) {
             $.ajax({
             type: 'post',
             url: '<?= base_url()?>'+'frontend/form_enquiry',
             data: 'name='+name1+'&email='+email1+'&telephone='+telephone1
         },
        success: function(msg)
        {
            alert('test message');
        }               
    });
});

【讨论】：

【解决方案3】：

$("#form").validate({
             submitHandler: function(form) {
                var name1 = $('#name').val();
                var email1 = $('#email').val();
                var telephone1 = $('#telephone').val();
                    if(name1 && email1 && telephone1) 
                    {
                        $.ajax({
                            type: 'post',
                            url: '<?= base_url()?>'+'frontend/form_enquiry',
                            data: 'name='+name1+'&email='+email1+'&telephone='+telephone1
                        });
                        return false
                    }
                }

            });
})

【讨论】：