如何进行Ajax呼叫[重复]

Question

This question already has answers here:

                </div>
            </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/1210380/500-internal-server-error" dir="ltr">500 Internal Server Error?</a>
                            <span class="question-originals-answer-count">
                                (5 answers)
                            </span>
                    </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/2687730/how-can-i-make-php-display-the-error-instead-of-giving-me-500-internal-server-er" dir="ltr">How can I make PHP display the error instead of giving me 500 Internal Server Error [duplicate]</a>
                            <span class="question-originals-answer-count">
                                (7 answers)
                            </span>
                    </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2017-06-23 13:13:58Z" class="relativetime">2 years ago</span>.</div>
        </div>
    </aside>

I have a form just to submit an email into a custom table of wp_wpa_watchlist.

The Form html is:

<form name="anyreg" id="any_reg" method="post">
                    <table>
                    <tr>
<td><input type="text" name="email" id="mail" placeholder="Enter Your Email"></td>
            <input type="hidden" name="id" value="<?php echo $auction ?>">
            <td><input type="submit" name="submitmail" id="submitmail" value="Submit"></td>
            </tr>

validation code + ajax call code is:

<script type="text/javascript">
$('#submitmail').click(function(event){

            event.preventDefault();

            var tre = true;


 var anymail = document.getElementById("mail").value;
            var atpos = anymail.indexOf("@");
            var dotpos = anymail.lastIndexOf(".");

                if (anymail==null || anymail=="")
                    {  
                    alert("Email cannot be Empty");
                    tre =false;  
                    }

                else if (atpos<1 || dotpos<atpos+2 || dotpos+2>=anymail.length) 
                    {
                    alert("Please Enter A Valid Email Address");
                    tre =false;
                     }
            if(tre == true){
        $.ajax({url: '<?php echo $ajaxUrl; ?>',method:'POST',
                data:$('#any_reg').serialize()
                ,success: function(result){
                    if (result== 'INSERTED'){
                        alert("SUCCESS");   
                    }else
                    {
                        alert("Failed");
                    }

                },

        });
}
});
</script>

And My the ajax call file contains the following query:

<?php 
$parse_uri = explode( 'wp-content', $_SERVER['SCRIPT_FILENAME'] );
require_once( $parse_uri[0] . 'wp-load.php' );

global $wpdb;

$email=$_POST['email'];
$auction=intval($_GET['ID']);

if(!email_exists( $email ))
{
        $insert = "INSERT INTO wp_wpa_watchlist (auction_id,watch_email) VALUES('".$auction."', '".$email."')";
        $dbin = $wpdb -> query($insert);    

        if($dbin){
            echo "INSERTED";
        }
        else{
            echo "ERROR";
        }

}

else if 
    { 
        echo "Email Already Exists";
    }

?>

am very much newbie when it comes to ajax and ajax call. My problem is ajax call isnt happening. When i checked the console its showing Internal Error 500. Anyone please guide me

</div>