Question

我目前正在处理我的第一个Wordpress插件，我希望通过GET请求从Web服务器获取JSON数据。我已经尝试过这样的代码：https://stackoverflow.com/a/36780287/4460483但它并不是我想要的。

jquery也告诉我：Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

所以问题是数据以某种方式加载速度不够快且页面无法加载。原因是你需要直接返回短代码的结果，对吧？但我想这需要太多时间。那么在不冻结构建页面的线程的情况下（在PHP中）制作GET请求的最佳方法是什么？有什么事情做这样的事情吗？

我当前的代码看起来像这样：

function stats_shortcode($atts)
{
  $attributes = shortcode_atts(array(
      'player_name' => 'Default'
   ),$atts);
  extract($atts);

  $url = 'https://url/to'.$attributes['playername'];
  $mh = curl_multi_init();

  // Build the individual requests, but do not execute them
  $chs = [];
  $chs['ID0001'] = curl_init($url);

  foreach ($chs as $ch) {
      curl_setopt_array($ch, [
        CURLOPT_RETURNTRANSFER => true,  // Return requested content as string
        CURLOPT_SSL_VERIFYPEER => false,         // Don't save returned headers to result
        CURLOPT_CONNECTTIMEOUT => 10,    // Max seconds wait for connect
        CURLOPT_TIMEOUT => 20,           // Max seconds on all of request
        CURLOPT_USERAGENT => 'Robot YetAnotherRobo 1.0',
      ]);

      // Add every $ch to the multi-curl handle
      curl_multi_add_handle($mh, $ch);
  }

  // Execute all of queries simultaneously, and continue when ALL OF THEM are complete
  $running = null;
  do {
      curl_multi_exec($mh, $running);
  } while ($running);

  // Close the handles
  foreach ($chs as $ch) {
      curl_multi_remove_handle($mh, $ch);
  }
  curl_multi_close($mh);

  $profile = json_decode($responses['ID0001']);

  return "<div><span>$profile->{'data'}</span></div>"

}

function stat_shortcodes_init()
{
    add_shortcode('stats', 'stats_shortcode');
    wp_register_style('StatStylesheet', plugins_url('styles.css', __FILE__));
    wp_enqueue_style('StatStylesheet');
}

add_action('init', 'stat_shortcodes_init');

这在某种程度上适用于本地（当我等待足够长的时间），但不在我的服务器上。

Answer 1

所以创建一个看起来像这样的html文件（没有body或head标签，它更像是一个html模板）

<div id="stats"></div>

然后你需要一个javascript文件来填充这个模板：

jQuery(document).ready(
  jQuery.ajax({
    url: url,
    type: 'GET',
    success: function (response) {
        // take the response and populate the div with id="stats"
    },
    error: function (response) {
        console.log(response);
    }
});
)

最后，这是WordPress插件：

   <?php
/*
Plugin Name: General Widget 
Plugin URI: 
Description: 
Author:
Version: 1
Author URI:
*/
// register widget
add_action('widgets_init', create_function('', 'return register_widget("General_Widget");'));

class General_Widget extends WP_Widget {

// constructor
    function General_Widget() {
        // Give widget name here
        parent::WP_Widget(false, $name = __('General Widget', 'wp_widget_plugin'));

        // link the style sheet for the widget
        add_action( 'wp_enqueue_scripts', array($this,'add_styles'));  
        // link javascript file
        add_action( 'wp_enqueue_scripts', array($this,'add_scripts'));  
        // register the shortcode
        // TODO: 
        add_shortcode('INSERT SHORTCODE HERE', array($this, 'shortcode'));
    }

    // function that enqueues the necessary javascript files
    function add_scripts() {    
    // TODO:    
        // NOTE this is risky, might mess with your theme.
        wp_deregister_script( 'jquery' ); // we will use our own versions of jquery
        wp_deregister_script( 'jquery-migrate' );
        global $post;
        // only register and add scripts for this widget if the widget is active or if the post has a shortcode
        if(has_shortcode($post->post_content, 'INSERT SHORTCODE HERE') ||  is_active_widget( false, false, $this->id_base, true )) {
            // register the different scripts
            wp_register_script('jqueryMin', plugins_url('js/lib/jquery-2.2.4.min.js', __FILE__), array(), false, false); // https://developer.wordpress.org/reference/functions/wp_register_script/

            // add them to document
            wp_enqueue_script('jqueryMin');
        }
    }

    // enqueues the stylesheet
    function add_styles() {
        // TODO: 
        global $post;
        if(has_shortcode($post->post_content, 'INSERT SHORTCODE HERE') ||  is_active_widget( false, false, $this->id_base, true )) {
            // register the different style sheets
            wp_register_style('bootstrapMinStyle', plugins_url('css/lib/bootstrap.min.css', __FILE__), array(), false, "all"); // https://codex.wordpress.org/Function_Reference/wp_register_style
            wp_register_style('commonStyle', plugins_url('css/common.css', __FILE__), array(), false, "all"); // https://codex.wordpress.org/Function_Reference/wp_register_style
            $arrCoreStyles = array('bootstrapMinStyle', 'commonStyle');

            wp_register_style('quoteStyle', plugins_url('css/quote.css', __FILE__),$arrCoreStyles, false, "all"); // https://codex.wordpress.org/Function_Reference/wp_register_style
            // add style sheet and all of its dependencies
            wp_enqueue_style('quoteStyle');
        }
    }

// widget form creation. This handles the form that the wordpress admin sees when they add the widget to a widget area
    function form($instance) {
    }

    // updates the data stored in the widget when wordpress admin adds widget
    function update($new_instance, $old_instance) {
    }

    // gives the widget shortcode functionality
    function shortcode($atts) {
        $args = shortcode_atts( array(), $atts );
        $this->add_to_args($args);
        $this->display($args);
    }

// displays the widget to the client.
    function widget($args, $instance) {
        $this->add_to_args($args);
        $this->display($args);
    }

// use this to add fields to args before we display
    private function add_to_args(& $args) {
        // TODO: 
        $args['customWidgetHTML'] = "html/NAME OF HTML TEMPLATE.html"; 
    }

// this is an additional function, not inherited from WP_Widget. It is used for displaying html to
// client. Is called by both widget() and shortcode()
    private function display($args) {
        extract($args); 
        // TODO: 
        wp_enqueue_script('quoteJS'); // we dont want this in the header so we just enqueue it here
        echo $before_widget;
        include(plugin_dir_path(__FILE__) . $customWidgetHTML);
        echo $after_widget; 
    }
}
?>

Wordpress asynchron GET用于短代码

1 个答案: