首页 >web前端 >js教程 >在wordpress中如何使用ajax

在wordpress中如何使用ajax

亚连
亚连原创
2018-06-14 13:54:502521浏览

下面我就为大家分享一篇基于wordpress的ajax写法详解,具有很好的参考价值,希望对大家有所帮助。

想针对一个wordpress的模板程序进行更改,想到ajax的方便,就研究了一下。

以下是使用方法和代码:

js页面如下

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

AJAX请求应该指向wp-admin/admin-ajax.php。虽然”admin”这个词有点容易误导人,不过即使是前台的ajax请求,也应该定位到admin-ajax.php。

admin-ajax需要一个参数“action”。admin-ajax需要这个参数来处理请求,它通常触发一个hook,根据是否登录有所不同。

然后在插件或者主题里写函数

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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

使用Vue.js 2.0如何实现背景视频登录页面

使用Vue开发时间转换指令该怎么做?

angularjs中如何实现页面自适应?

在VueJs中如何监听window.resize具体该怎么实现?

以上是在wordpress中如何使用ajax的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn