将jQuery$.xjax loadmore函数重写为XMLHttpRequestJavaScript

将jQuery$.xjax loadmore函数重写为XMLHttpRequestJavaScript,javascript,ajax,wordpress,xmlhttprequest,Javascript,Ajax,Wordpress,Xmlhttprequest,我在试图通过$.ajax编写XMLHttpRequest loadmore函数时遇到了一些问题,不确定我缺少了什么 下面是我的函数,它基于我以前使用过的$.ajax版本。在jQuery版本中,我使用了一个数据对象,但我无法让它在XMLHttpRequest中工作。我曾尝试将其包含在FormData中,但我认为这不是正确的方法 jQuery版本中的数据对象示例,添加了与post类型、与PHP函数链接的操作等相关的特定于WP的数据: 数据={ 行动:“加载更多”, query:WP.posts,/

我在试图通过$.ajax编写XMLHttpRequest loadmore函数时遇到了一些问题,不确定我缺少了什么

下面是我的函数,它基于我以前使用过的$.ajax版本。在jQuery版本中,我使用了一个数据对象,但我无法让它在XMLHttpRequest中工作。我曾尝试将其包含在FormData中,但我认为这不是正确的方法

jQuery版本中的数据对象示例,添加了与post类型、与PHP函数链接的操作等相关的特定于WP的数据:

数据={
行动:“加载更多”,
query:WP.posts,//这就是我们如何从WP\u localize\u script()函数获取参数的方法
页面:WP.current\u页面

};所以我想出了解决办法。如果有人对此感兴趣,请访问:

由于您不能像在$.ajax中那样使用数据对象,因此在formData中添加数据将获得相同的结果,然后在send中添加数据常量

const data=new FormData();
数据。追加(“动作”、“加载更多”);
数据追加(“查询”,WP.posts);
数据。追加(“第页”,可湿性粉剂。当前页面);
发送(数据)