0

FancyBox 2 モーダル ウィンドウで開く連絡先フォームがあります。しかし、フォームを送信すると、現在のページが更新され、連絡先フォームが消えてしまいます。

メインメニューのサポートをクリックすると、私のサイトでこのバグを確認できます

ここに私のコードがあります、

$(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>

ページをリロードせずにファンシーボックスで連絡先フォームを送信する方法を誰か教えてもらえますか?

4

1 に答える 1

0

ここで必要なのは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(あなたのページ.php)

  //manupulate you submited data..
  // if using post you can get data by $_POST;
  echo json_encode(array('msg'=>"successfully saved");
于 2013-02-15T06:00:22.060 に答える