使用wordpress的jQuery加载()内部服务器错误

Question

我有一个简单的wordpress菜单，我想加载到div元素中。

<?php 
$menuParameters = array(
'theme_location' => 'sidebar-menu',
'container'       => false,
'echo'            => false,
'items_wrap'      => '%3$s',
'depth'           => 0,
);
echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
 ?>

当检测到某个媒体查询时，我使用现代化和jQuery load()将php文件加载到div元素中。

jQuery(document).ready(function($){
    if(Modernizr.mq('only all and (max-width:600px)')) {
        $('#content-wrapper').removeClass('col-4-5');
        $("#trending-Container").load( 'wordpress/wp-content/themes/test_theme/navbar-mobile.php' );
    }
}); 

如果只使用html，或者只是回显一些字符串，但当我使用像上面这样的wordpress函数或者像the_title()之类的东西时，就会得到500个内部服务器错误。

有什么想法吗？

Answer 1

出于安全原因，我认为您不应该直接访问主题中的任何文件。在主题中注册您的funcitons.php函数，然后在这里调用function_name作为引用在这里输入链接描述

jQuery(document).ready(function($) {
var data = {
    action: 'my_action',
    whatever: ajax_object.we_value      // We pass php values differently!
};
// We can also pass the url value separately from ajaxurl for front end AJAX implementations
jQuery.post(ajax_object.ajax_url, data, function(response) {
    alert('Got this from the server: ' + response);
});
});

并在functions.php中注册您的操作

<?php
add_action( 'admin_enqueue_scripts', 'my_enqueue' );
function my_enqueue($hook) {
if( 'index.php' != $hook ) return;  // Only applies to dashboard panel

wp_enqueue_script( 'ajax-script', plugins_url( '/js/my_query.js', __FILE__ ), array('jquery'));

// in javascript, object properties are accessed as ajax_object.ajax_url,            ajax_object.we_value
wp_localize_script( 'ajax-script', 'ajax_object',
        array( 'ajax_url' => admin_url( 'admin-ajax.php' ), 'we_value' => 1234 ) );
}

// Same handler function...
add_action('wp_ajax_my_action', 'my_action_callback');
function my_action_callback() {
global $wpdb;
$whatever = intval( $_POST['whatever'] );
$whatever += 10;
    echo $whatever;
die();
}