在一个文件(test\\u ajax.php)中,我有一个通过jQuery ajax()加载另一个页面(registration\\u form\\u race\\u type.php)的短消息。当通过其绝对URL访问“test\\u ajax.php”时,它运行良好,该URL为:
http://46.20.119.207/~asuntosf/wordpress_test/wp-content/themes/test_ajax/test_ajax.php
但令人惊讶的是,如果通过其WordPress地址访问完全相同的页面“test\\u Ajax.php”,Ajax功能将停止工作,即:
http://46.20.119.207/~asuntosf/wordpress_test/?page_id=13
我坚持这两个URL指向相同的两个PHP文件。
下面是“test\\u 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\\u form\\u race\\u type.php”:
<?php if (isset($_GET[\'event_id\'])) echo \'you selected \'.$_GET[\'event_id\']; ?>