Home > Web Front-end > JS Tutorial > body text

Detailed explanation of ajax writing method in wordpress

小云云
Release: 2018-01-03 09:22:12
Original
2394 people have browsed it

I wanted to make changes to a wordpress template program. Thinking of the convenience of ajax, I did some research. This article mainly shares with you a detailed explanation of ajax writing method based on wordpress. It has a good reference value and I hope it will be helpful to everyone. Let’s follow the editor to take a look, I hope it can help everyone.

The following is the usage method and code:

js page is as follows

<script>
  var ajaxurl = '<?php echo admin_url(&#39;admin-ajax.php&#39;)?>';
  function getVideo(id){
		//必须使用以下里面才能正常使用jquery
    jQuery(document).ready(function($){
      var data={
        tape:id,
				//这里尤为重要,action的参数要和请求的函数名一致
        action : 'get_ajax_video',
      }
      $.post(ajaxurl, data, function(response) {
        $('.player').html(response);
      });
    });
  }
</script>
Copy after login

AJAX request should point to wp-admin/admin-ajax.php. Although the word "admin" is a bit misleading, even front-end ajax requests should be located at admin-ajax.php.

admin-ajax requires a parameter "action". Admin-ajax requires this parameter to handle the request. It usually triggers a hook, which varies depending on whether you are logged in or not.

Then write the function in the plug-in or theme

function get_ajax_video() {
  // 输出响应
  header( "Content-Type: application/json" );
  echo json_encode($html);
  exit;//这个停止一定要写
}
//函数名对应添加上,第一个表示用户没有登录时,这里全部都一样处理
add_action( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );
Copy after login

Related recommendations:

How to implement pseudo-static addition of html suffix in WordPress

Analysis of the use of hooks in WordPress

Add floor number to messages in WordPress

The above is the detailed content of Detailed explanation of ajax writing method in wordpress. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template