基于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 相关文章推荐
Aptana调试javascript图解教程
Nov 30 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
Sep 19 Javascript
js propertychange和oninput事件
Sep 28 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
javascript实现控制div颜色
Jul 07 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
JavaScript输入框字数实时统计更新
Jun 17 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 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 session安全问题分析
2011/06/24 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
为你总结一些php系统类函数
2015/10/21 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
Javascript HTML5 Canvas实现的一个画板
2020/04/12 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
VUE实现一个分页组件的示例
2017/09/13 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
2018/11/13 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
python之PyMongo使用总结
2017/05/26 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
洛杉矶生活休闲而精致的基础品牌:Mika Jaymes
2018/01/07 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
中文专业毕业生自荐信
2014/05/24 职场文书
个人债务授权委托书范本
2014/10/05 职场文书