1

在一个文件 (test_ajax.php) 中,我有一个通过 jQuery Ajax() 加载带有短消息的另一个页面 (registration_form_race_type.php)。当通过其绝对 URL 访问“test_ajax.php”时,它工作正常,即:

http://46.20.119.207/~asuntosf/wordpress_test/wp-content/themes/test_ajax/test_ajax.php

但令人惊讶的是,如果通过其 WordPress 地址访问完全相同的页面“test_ajax.php”,Ajax 功能将停止工作:

http://46.20.119.207/~asuntosf/wordpress_test/?page_id=13

我坚持这两个 URL 都指向相同的两个 PHP 文件。

这是“test_ajax.php”的代码:

<?php
/*
Template Name: Page Test Ajax 01
*/
?>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
    <script type="text/javascript">
        jQuery(function () {    
            jQuery('#event_id_from_list').change(function() {       
                var event = jQuery("#event_id_from_list").val(); 
                var data = "event_id=" + event;         
                jQuery.ajax({
                    url: 'registration_form_race_type.php', 
                    type: 'GET',
                    data: data,
                    success: function(data){ 
                        jQuery('#div_race_type').html(data); 
                    }
                });         
            });
        });
    </script>
</head>
<body>
    <select class='required' type="text" name="event_id_from_list" id="event_id_from_list" />
        <option value='Paris'>Paris</option>
        <option value='London'>London</option>
        <option value='Rome'>Rome</option>
    </select>   
    <div id='div_race_type' class='section'>            
        <?php require_once('registration_form_race_type.php'); ?>           
    </div>
</body>
<html>

以及通过 Ajax 调用的页面代码“registration_form_race_type.php”:

<?php if (isset($_GET['event_id'])) echo 'you selected '.$_GET['event_id']; ?>
4

1 回答 1

1

这种行为没有什么奇怪的。您只是registration_form_race_type.php在您的 jQuery 中引用它,它会执行您要求它执行的操作,即registration_form_race_type.php在当前目录中查找。registration_form_race_type.php住在里面http://46.20.119.207/~asuntosf/wordpress_test/wp-content/themes/test_ajax/而不是里面http://46.20.119.207/~asuntosf/wordpress_test/

如果您想registration_form_race_type.php从访问http://46.20.119.207/~asuntosf/wordpress_test/?page_id=13,您的代码需要更改为:

jQuery.ajax({
    url : 'wp-content/themes/test_ajax/registration_form_race_type.php',
    type : 'GET',
    data : data,
    success : function (data) {
        jQuery('#div_race_type').html(data);
    }
});
于 2013-03-15T06:23:12.723 回答