Ajax调用返回＆＃34;未找到＆＃34;错误

Question

这应该很简单，但我的ajax调用返回“Not Found”错误。我搜索过类似的问题，并尝试了各种建议，但无济于事。

前端逻辑

(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);

显示URL的警报如下：

  

操作：   http://www.professionaldrivers.com/wp-content/themes/professionaldrivers/aqs/get-quote.php

如果我在浏览器中输入显示的URL，则执行php文件，所以我知道我有正确的路径

最后，我暂时从PHP文件中删除了所有内容。所以它只包括：

后端逻辑

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

非常感谢任何想法或建议！

Answer 1

这似乎有效，将代码粘贴在js fiddle http://jsfxxx.net/da4xyL1f/

中