基于wordpress的ajax写法详解


Posted in Javascript onJanuary 02, 2018

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

以下是使用方法和代码:

js页面如下

<script>
  var ajaxurl = '<?php echo admin_url('admin-ajax.php')?>';
  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>

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( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );

以上这篇基于wordpress的ajax写法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现简单模态窗口,背景灰显
Nov 14 Javascript
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
jquery的键盘事件修改代码
Feb 24 Javascript
新鲜出炉的js tips提示效果
Apr 03 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
拖动时防止选中
Feb 03 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
解决angularjs中同步执行http请求的方法
Aug 13 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
Jan 02 #Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
Jan 02 #Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 #Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 #Javascript
基于jquery.page.js实现分页效果
Jan 01 #jQuery
jquery实现企业定位式导航效果
Jan 01 #jQuery
jquery实现楼层滚动效果
Jan 01 #jQuery
You might like
php实现的zip文件内容比较类
2014/09/24 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
jquery实现数字输入框
2017/02/22 Javascript
自定义vue全局组件use使用、vuex的使用详解
2017/06/14 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
JS加密插件CryptoJS实现AES加密操作示例
2018/08/16 Javascript
vue-rx的初步使用教程
2018/09/21 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
Python实现针对含中文字符串的截取功能示例
2017/09/22 Python
Python实现的归并排序算法示例
2017/11/21 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
详解python之协程gevent模块
2018/06/14 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
先进事迹报告会主持词
2014/04/02 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
务虚会发言材料
2014/12/25 职场文书
兵马俑的导游词
2015/02/02 职场文书
资料员岗位职责
2015/02/10 职场文书
工作报告范文
2019/06/20 职场文书
2019年幼儿园管理条例范本!
2019/07/17 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis