Ajax调用返回“找不到”错误

Question

This SHOULD be very simple, but my ajax call is returning a "Not Found" error. I've searched for similar issues, and tried the various suggestions, but to no avail.

Front-end logic

(function($) {
    $(document).ready(function() {
        // ----------
        // Instant Quote Form
        // ----------
        $('.instant-form').submit(function() {
            $('.error').html('').hide();
            var var_url = $(this).attr('action');
            var var_data = $(this).serialize();
            var elem = this;
            var err = 0;
            var msg = '';

            alert("Driver Form Submitted: " + var_data);
            alert("Action: " + var_url);

            $.ajax({
                type: 'POST',
                url: var_url,
                data: var_data,
                dataType: 'text',
                async: false,
                success: function(data, status, jqXHR) {
                    alert("Returned : " + data);
                },
                error: function(jqXHR, status, error) {
                    alert('FAILURE: status =' + status + ' error=' + error);
                }
            });

            return false;
        });
    });
})(jQuery);

The Alert showing the URL is as follows:

Action: http://www.professionaldrivers.com/wp-content/themes/professionaldrivers/aqs/get-quote.php

If I enter the displayed URL in the browser, the php file is executed, so I know I have the correct path

Finally, I cut everything out of the PHP file for now. So it only consists of:

Back-end logic

<?php require('./../../../../wp-blog-header.php');
header('Content-Type: application/json');   
if(!isset($_POST['action']))
    die('horrible death');   
ini_set('display_errors', '1');
die();
?>

Any ideas or suggestions would be greatly appreciated!

Answer 1

这似乎可行，将代码粘贴到js小提琴中http://jsfxxx.net/da4xyL1f/