php - AJAX コンテンツ ローダーを使用して成功ページのコンテンツを読み込む

Question

お問い合わせフォームで [送信] をクリックした後、AJAX を使用して div に読み込みたいsuccess.html(サイトの残りの部分と同様) が、これに使用する特定の AJAX/jQuery を特定するのに問題があります。

私はしようとしています：

$("#submitButton").click(function(){
    $("#mainImage").load("success.html");
});

しかし、役に立たない。

#mainImageサイトの残りの部分をdivにロードするために使用しているAJAXは次のとおりです。

$("#thumbs div").click(function(){             
    var toLoad = $(this).children('a').attr('href')+' #mainImage';
    $('#mainImage').fadeOut("fast",loadContent);
    window.location.hash = $(this).children('a').substr(0,$(this).children('a').length-5);
    function loadContent() {
        $('#mainImage').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#mainImage').fadeIn("1000");
    }
    return false;
});

そして、これが私の PHP フォームですsuccess.html。

<?php
ob_start();

if(isset($_POST['submit'])) { 
    $to =  "shubba4142@gmail.com";
    $subject = "BP Contact Form";
    $name_field = $_POST['name'];                
    $email_field = $_POST['email']; 
    $phone_field = $_POST['phone'];                            
    $message = $_POST['message'];
    $body = "From: $name_field\n E-Mail: $email_field\n Phone: $phone_field\n         Message:\n $message"; 
    $success = mail($to, $subject, $body);
}

if (mail($to, $subject, $body)){
    header("location:/BP%20SITE-SHD/success.html");
} 

else {
    header("location:/BP%20SITE-SHD/error.html");
}

?>

ありがとうございました！！