Question

我在FancyBox 2模式窗口中打开了一个联系表单。但是当您提交表单时，当前页面会刷新，联系表单会消失。

您可以点击主菜单中的支持，在my site中查看此错误

这是我的代码，

$(document).ready(function() {
    $(".various").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

这是我的联系表单链接，

<a href="formhome.php" class="menu-support fancybox.ajax">Support</a>

有人可以告诉我如何在没有重新加载页面的情况下提交我的联系表格吗？

Answer 1

您需要的是jquery ajax

<强> jquery的

$('#idOfcontactForm').submit(function(){
   $.ajax({
     url:"yourpage.php", // action of the form ,
     data:$(#contactform).serialize(), // send forms data to server
     dataType:"json", // take response as json
     type:"post", //send form by post or get
     success:function(result){
       alert(result.msg);
    }
   });
    return false;  // default submit return false
 });

<强> PHP（yourpage.php）

  //manupulate you submited data..
  // if using post you can get data by $_POST;
  echo json_encode(array('msg'=>"successfully saved");

在精美的盒子里提交联系表格

1 个答案: