• Wordpress实现自定义ajax请求


    Wordpress实现ajax请求,分为两种情况:登录用户发起的ajax请求和未登录用户发起的ajax请求.

    通过ajax传递的数据中,action是一个固定字段,而且action字段所对应的值必须和hook名称中的后缀(下述hook里的 your_action_name 部分)相匹配.Wordpress也是借此来区分不同的ajax请求.



    1.登录用户发起ajax请求

    涉及一个hook : wp_ajax_(your_action_name)

    处理ajax的后端php代码
    js代码


    值得注意的是,自从Wordpress 2.8开始,后台界面已经自动赋值了一个js全局变量ajaxurl,因此,在上述情况下,js代码中可以直接引用此全局变量作为ajax的请求路径.





    2.未登录用户发起ajax请求

    涉及另一个hook : wp_ajax_nopriv_(your_action_name)



    需要注意: 和情况1不同的地方,前端界面没有可供直接引用的ajaxurl,所以必须通过一个wordpress函数 wp_localize_script() 来实现把路径变量通过php传递给前端js,例如:

    这样,我们在js代码里读取对象test_ajax的ajaxu


    这里的对象变量test_ajax只能由对应js文件中的代码访问,也就是上例中的script.js.

    处理ajax的后端php代码
    js代码
  • 相关阅读:
    关于service相关知识的认识
    如何在service实现弹出对话框
    NDK编程jni学习入门,声明native方法,使其作为java与c的交互接口
    js事件
    es6箭头函数
    es6展开运算符
    es6 解构赋值
    js 函数的this指向
    js函数作用域
    js 预解析以及变量的提升
  • 原文地址:https://www.cnblogs.com/ningmeng666/p/7610718.html
Copyright © 2020-2023  润新知