在一个文件 (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']; ?>