首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery ajax没有向WordPress发送post变量

jQuery ajax是一种用于在前端与后端进行异步通信的技术。它可以通过HTTP请求向服务器发送数据,并接收服务器返回的数据,实现页面的局部刷新,提升用户体验。

在WordPress中,使用jQuery ajax发送POST请求时,可以通过以下步骤传递变量:

  1. 创建一个JavaScript对象,包含要发送的数据。例如:
代码语言:txt
复制
var data = {
  action: 'my_action',
  variable1: 'value1',
  variable2: 'value2'
};
  1. 使用jQuery的ajax方法发送POST请求。例如:
代码语言:txt
复制
jQuery.ajax({
  url: ajaxurl,
  type: 'POST',
  data: data,
  success: function(response) {
    // 处理服务器返回的数据
  },
  error: function(xhr, status, error) {
    // 处理请求错误
  }
});

在上述代码中,ajaxurl是WordPress提供的全局变量,指向WordPress的admin-ajax.php文件。action参数用于指定要执行的后端函数。

  1. 在WordPress的后端代码中,通过添加一个钩子函数来处理接收到的数据。例如:
代码语言:txt
复制
add_action('wp_ajax_my_action', 'my_action_callback');
add_action('wp_ajax_nopriv_my_action', 'my_action_callback');

function my_action_callback() {
  // 处理接收到的数据
  $variable1 = $_POST['variable1'];
  $variable2 = $_POST['variable2'];

  // 执行相应的操作

  // 返回数据给前端
  echo $response;

  // 终止脚本执行
  wp_die();
}

在上述代码中,wp_ajax_my_actionwp_ajax_nopriv_my_action是WordPress提供的钩子函数,用于处理前端发送的POST请求。my_action_callback函数中可以根据接收到的数据执行相应的操作,并将结果返回给前端。

总结: jQuery ajax可以通过POST请求向WordPress发送变量,实现与后端的数据交互。通过在前端设置数据对象,并使用ajax方法发送请求,再在后端通过钩子函数处理接收到的数据,可以实现灵活的数据传递和处理。

腾讯云相关产品推荐:

  • 云服务器(CVM):提供弹性计算能力,满足各类业务需求。产品介绍
  • 云数据库MySQL版(CDB):高性能、可扩展的关系型数据库服务。产品介绍
  • 云存储(COS):安全、稳定、低成本的对象存储服务。产品介绍
  • 人工智能机器翻译(TMT):提供高质量的机器翻译服务,支持多种语言。产品介绍
  • 云函数(SCF):无服务器的事件驱动型计算服务,实现按需计算。产品介绍
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

700美金的WordPress Dos漏洞CVE-2018-6389分析

本文分享的Writeup是关于WordPress的DoS通杀漏洞CVE-2018-6389,该漏洞影响3.x至4.x所有版本的WordPress程序,作者针对该漏洞对目标网站进行了测试验证,从而获得了...以上链接似乎表明,它可能是提供给用户的JS模块,此外,load[]参数是个数组,那么意味着可能其提供多个值,以此也就能够在响应中获得多个JS模块了。...所以,我想知道如果我服务器发出请求,要求其向我响应其存储的每一个JS模块,那这样一来单个请求,就可以让服务器执行181次输入/输出(I/O)操作了!那就来试试CVE-2018-6389吧。...c=1&load%5B%5D=eutil,common,wp-a11y,sack,quicktag,colorpicker,editor,wp-fullscreen-stu,wp-ajax-response...,nav-menu,custom-header,custom-background,media-gallery,svg-painter&ver=4.9' -t 9999 大约发送了2000多个数据包之后

1.2K10
  • 求超大文件上传方案( BS )

    第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery...    this.svr_error = function ()     {         alert("服务器返回信息为空,请检查服务器配置");         this.ui.msg.text("服务器发送...();               }               , error: function (req, txt, err) { alert("文件-服务器发送Complete信息错误!" ...            {                 _this.Manager.RemoveQueuePost(_this.fileSvr.id);                 alert("服务器发送...+ req.responseText);                 _this.ui.msg.text("服务器发送MD5信息错误");                 _this.ui.btn.cancel.show

    1.3K20

    WordPress Ajax 异步加载 自定义评论表情

    最近为了考试都复习成狗熊样啦~~我要缓缓折腾折腾WordPress 先。今天带来本人最新的折腾成果: Ajax异步加载自定义评论表情。...Ajax 是从Jquery 上面衍生而来的,异步加载也称“同步加载”“延迟加载”,Ajax异步加载最好的例子就是谷歌搜索键入相关关键词但是没有按搜索按钮时候,会自动给出关键词提示那个效果(国内某度也有这个功能...WordPress Ajax 异步加载 自定义评论表情教程: 一、删除你主题上来自于《WordPress中添加自定义评论表情包的方法(附三套表情包下载)》一文的所有代码(重要!)...function smiley_ajax(){ jQuery('textarea').focus(function() { jQuery.ajax({ url: "", type:"POST...(){ if( isset($_POST['action'])&& $_POST['action'] == 'smiley_ajax_action'){ include_once

    1.7K91

    快速学习-登录功能实现-页面中错误提示

    AJAX的实际意义是,不发生页面跳转、异步载入内容并改写页面内容的技术。 AJAX也可以简单的理解为通过JS服务器发送请求。...异步处理 而异步处理指的是我们在浏览网页的同时,通过AJAX服务器发送请求,发送请求的过程中我们浏览网页的行为并不会收到任何影响,甚至主观上感知不到在服务器发送请求。...XMLHttpRequest对象用来封装请求报文,我们服务器发送的请求信息全部都需要封装到该对象中。...JQuery对同样提供了对Ajax的支持,可以更加方便快速的进行Ajax的开发,相关的方法有$.get $.post $.ajax等....$.post方法 ? $.ajax方法 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, .post等。.post 等。.post等。.

    1.9K30

    JQuery 入门学习(三)

    这是最简单的ajax,简单地请求一个文本文件。最常见的,我们是一个脚本,通过get或post请求一个html或json。...并没有刷新页面,我们填写的内容依旧在表单中。这就是服务器请求了html,返回的“用户名...已存在”就是一个html文本,最后体现在用户面前。     我们看Jquery代码。...比如在QQ上,AB发送一个数字,一个字母或一句话,来告诉B某些信息。但是数字、字符串很好传递,有些对象却并不那么容易传递,比如数组。我们怎么把一个数组对象通过QQ发送给别人?    ...大家可以试想,假如图书馆有个图书检索系统,用户服务器请求书名,服务器查询数据库后把所有符合条件图书信息做成一个二维数组,再用json形式发送给浏览器,Jquery把他们美化后输出,过程并不复杂。...----     好了,我基本上把Jqueryajax操作简单地写了一遍,不知道大家有没有听懂,有没有觉得ajax的确是一个比较好的工具。

    8.7K20

    jQuery 基础知识(五)

    这里提示一下大家, 在html页面使用ajax需要在web服务器环境下运行, 一般自己的web服务器发送ajax请求。...dataType:'JSON', // 4.data 设置发送给服务器的数据, 没有参数不需要设置 // 5.success 设置请求成功后的回调函数 success:function...1. url 请求地址 2. data 设置发送给服务器的数据, 没有参数不需要设置 3. success 设置请求成功后的回调函数 4. dataType...status, xhr),dataType).error(func) url 请求地址 data 设置发送给服务器的数据,没有参数不需要设置 success 设置请求成功后的回调函数...ajax的简写方式可以使用.get和.post方法来完成 知识点回顾 本节介绍了ajax的基本使用方式,jquery基础知识已经讲完,先回顾一下: 1、jquery的作用和引入方式

    2.5K20

    原生JS与jQueryAJAX的实现

    没有缓存 POST发送的数据量大 AJAX无法发送文件 readyState改变时触发onreadystatechange事件,4为完成 status是返回状态,200是成功,404...是未找到页面 responseText是返回的数据,为字符串格式 三、jQuery实现AJAX 1.GET 使用get()方法时,采用GET方式服务器请求数据,并通过方法中回调函数的参数返回请求的数据...与get()方法相比,post()方法多用于以POST方式服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback...,它不仅可以获取服务器返回的数据,还能服务器发送请求并传递数值,它的调用格式如下: $.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径...五、总结 一般来说,处理AJAX,用jQuery的get和post的就够用,如果是JSON数据的话用getJSON,注意缓存问题,特殊的应用再考虑用ajax(),另外,AJAX还有一个很严重的问题是跨域

    3K20

    jQuery基础(五)一Ajax应用与常用插件-imooc

    ()方法以POST方式从服务器发送数据  1-6 使用serialize()方法序列化表单元素值  1-7 使用ajax()方法加载服务器数据  1-8 使用ajaxSetup()方法设置全局Ajax默认选项...,加" 而$(this)是个转换,将this表示的dom对象转换为jquery对象,这样就可以使用jquery提供的方法操作 声明一个叫$this的jquery对象变量, 给声明的变量赋值,赋的值是将this...: 返回 json 数据类型,GET请求会将参数跟在URL后进行传递 使用post()方法以POST方式从服务器发送数据 post()方法用于以POST方式服务器发送数据,服务器接收到数据之后,进行处理...,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 例如,在输入框中录入一个数字,点击“检测”按钮,调用post()方法服务器以POST方式发送请求,检测输入值的奇偶性...使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax

    16.5K20

    ASP.NET 使用Ajax

    $.ajax普通页面发送get请求 这是最简单的一种方式了,先简单了解jQuery ajax的语法,最常用的调用方式是这样:$.ajax({settings}); 有几个常用的setting,全部参数及其解释可以去...在Default.aspx页面中的JavaScript中可以看到testGet函数就利用jQueryajaxNormal.aspx发送了了一个get请求,没写的参数使用jQuery默认参数,这个调用没使用任何参数...可以异步服务器发送特定请求,获取服务器相关数据,比如服务器询问天气,然后获得天气数据,更新页面,而不是获取整个页面,换句话说,使用Ajax本身就是为了摆脱更新整个页面来更新页面数据这种模式,仅仅需要服务器给我们数据即可...$.ajax POST与json 这样一个页面发送请求然后在Load事件处理程序中根据参数调用不同方法,清除Response,写入Response,终止Response,而且传入的参数局限性太大,好业余的赶脚...; } }); } 结果是这个样子的 上面代码Handler.ashx发送Post请求,比且带有参数{ID:’1’},可以看到结果

    2.7K20

    JS实现的ajax和同源策略

    一、jQuery实现的ajax 首先说一下ajax的优缺点 优点: AJAX使用Javascript技术服务器发送异步请求; AJAX无须刷新整个页面; 因为服务器响应内容不再是整个页面,而是页面中的局部...,所以AJAX性能高; jquery 实现的ajax 1 <!...a=1&b=2;如果想以其他方式提交数据, 比如contentType:"application/json",即服务器发送一个json字符串:...,所以得去别人的url中去拿,借助script标签) 如果用script请求的时候也会报错,当你你返回的数据是一个return Httpresponse(“项目二”)只是一个名字而已,js中如果有一个变量没有声明... 借助script标签,实现跨域请求,示例: 所以只是单纯的返回一个也没有什么意义

    2.5K20

    求职 | 史上最全的web前端面试题汇总及答案2

    GET:一般用于信息获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符 POST:一般用于修改服务器上的资源,对所发送的信息没有限制。...然而,在以下情况中,请使用 POST 请求: ①无法使用缓存文件(更新服务器上的文件或数据库)服务器发送大量数据(POST 没有数据量限制)。...④发送ajax请求。如果没有数据,可以不传或者传递null;如果post请求传递数据:首先设置xhr的请求头信息: 再传递参数: 3、解释XMLHttpRequest是什么?...6、ajax、get、post、ajaxSetup、getJSON各有何用途? ①ajaxjQueryajax执行的核心方法。其它ajax方法都是使用该方法实现。...②get:专门用于发送get请求的便捷方法。 ③post:专门用于发送post请求的便捷方法。 ④ajaxSetup:设置调用ajax方法时的默认值。

    6.1K20

    Django跨域(前端跨域)

    前情回顾 在说今天的问题之前先来回顾一下有关Ajax的相关内容 Ajax的优缺点 AJAX使用Javascript技术服务器发送异步请求; AJAX无须刷新整个页面; 因为服务器响应内容不再是整个页面...a=1&b=2;如果想以其他方式提交数据, 比如contentType:"application/json",即服务器发送一个json字符串:...在发送时可以指定请求体了:xmlHttp.send(“username=yuan&password=123”) 基于jQueryajax和form发送的请求,都会默认有Content-Type...,所以得去别人的url中去拿,借助script标签) 如果用script请求的时候也会报错,当你你返回的数据是一个return Httpresponse(“项目二”)只是一个名字而已,js中如果有一个变量没有声明... 借助script标签,实现跨域请求,示例: 所以只是单纯的返回一个也没有什么意义

    7.9K30

    jQuery ajax - ajax()方法

    关于 jQueryAJAX jQuery 提供多个与 AJAX 有关的方法。...提示:如果没有 jQueryAJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。...- AJAX get() 和 post() 方法 jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。...GET - 从指定的资源请求数据 POST - 指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。...不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。 如需学习更多有关 GET 和 POST 以及两方法差异的知识,请阅读HTTP 方法 - GET 对比 POST

    9.4K20
    领券