2

我在使用 ajax 调用 WordPress 插件中的文件时遇到了一点问题。我有这个脚本：

<script type="text/javascript">
function setVal()
{
    var val = jQuery('#custom_text_message').val()
    alert('Setting the value to "' + val + '"')
    jQuery.post('session.php', {value: val})
    alert('Finished setting the value')
}
jQuery(document).ready(function() {
    jQuery('#custom_text_message').blur(function() {setVal()});
//setTimeout('setVal()', 3000);
});
</script>

但是当这个函数被调用时，它会在找不到控制台文件中显示错误。我想知道这是否是在 WordPress 中使用 ajax 的正确方法。如果没有，我如何调用站点名称 session.php 的根文件夹中的文件？我对 WordPress 很陌生。

4

4 回答 4

1

在 WordPress 中，应该对 Ajax 请求进行http://your-wordpress-site/wp-admin/admin-ajax.php- 可以使用admin_url( 'admin-ajax.php' )- 并且您应该使用action参数来指定要调用的函数。您可以通过本地化admin-ajax将路径传递给您的 javascript 文件。

将脚本加入队列后，添加到插件 PHP 文件中：

 wp_localize_script( 'your-script', 'js_obj', array('ajax_url' => admin_url( 'admin-ajax.php' ) );

在您的 javascript 中：

jQuery.post(js_obj.ajax_url, {value: val, action: 'run-my-ajax'})

处理插件 PHP 文件中的 ajax 的函数：

function call_my_ajax(){
  // do stuff
  exit;
}

add_action('wp_ajax_run-my-ajax', 'call_my_ajax');
add_action('wp_ajax_nopriv_run-my-ajax', 'call_my_ajax');

阅读更多：https ://codex.wordpress.org/AJAX_in_Plugins

于 2013-02-18T09:36:04.040 回答
1

我已经自己解决了我的问题。首先我在我的主题中定义了 ajaxurl，function.php如下所示：

<?php
add_action('wp_head','pluginname_ajaxurl');
function pluginname_ajaxurl() {
?>
<script type="text/javascript">
var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';
</script>
<? }
?>

我把下面的脚本放在我的插件文件的顶部。

<script type="text/javascript">
function setVal()
{
    var val = jQuery('#custom_text_message').val()
    var data = {
        action: 'my_action',
        value: val,
    };

    jQuery.post(ajaxurl, data, function(response) {
       alert('Got this from the server: ' + response);
    });
}

jQuery(document).ready(function() {
    jQuery('#custom_text_message').blur(function() {setVal()});
    //setTimeout('setVal()', 3000);
});
</script>

这是我试图在我的插件中做的领域。

<textarea name="custom_text_message"  id="custom_text_message"></textarea>

然后我把我调用我的脚本的动作放在function.php.

add_action('wp_ajax_my_action', 'my_action_session');

function my_action_session() {
    global $wpdb; // this is how you get access to the database

    session_start();

    $_SESSION['cus_msg'] = $_POST['value'];

    die(); // this is required to return a proper result
}

然后将我的会话值调用到我的函数中。这就是我所做的一切并为我工作，我希望这对其他人有所帮助。

注意：wp_ajax_your_action如果您需要在前端使用该操作，则 该操作适用于管理员，操作将是wp_ajax_nopriv_your_action.

于 2013-02-20T06:49:20.783 回答
0

WordPress 使用绝对路径，使用完整的 URL 而不是相对 URL：

jQuery.post('session.php', {value: val})

使用类似的东西：

jQuery.post('<?php bloginfo('url');?>/wp-content/plugins/plugin_folder_name/session.php', {value: val})
于 2013-02-20T07:05:53.150 回答
0 
<script type="text/javascript">
function setVal()
{
    jQuery.ajax({url:"<?php bloginfo('url');?>/wp-content/plugins/plugin_folder_name/session.php",success:function(result){alert(result);}}
}
</script>
于 2013-02-18T08:38:42.053 回答