使用ajax(WordPress)添加更多负载来获取自定义查询数据的方法如下:
下面是一个示例代码:
在前端文件中添加按钮或链接:
<button id="load-more-button">加载更多</button>
在JavaScript代码中处理ajax请求:
jQuery(document).ready(function($) {
$('#load-more-button').click(function() {
$.ajax({
url: ajaxurl,
type: 'POST',
data: {
action: 'load_more_data'
},
success: function(response) {
// 处理返回的数据
}
});
});
});
在functions.php文件中注册处理ajax请求的函数:
add_action('wp_ajax_load_more_data', 'load_more_data');
add_action('wp_ajax_nopriv_load_more_data', 'load_more_data');
function load_more_data() {
// 执行自定义查询
$query = new WP_Query(array(
// 设置查询参数
));
// 处理查询结果
$data = array();
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
// 提取需要的数据
$data[] = array(
'title' => get_the_title(),
'content' => get_the_content(),
// 其他字段
);
}
}
// 返回数据
wp_send_json($data);
}
这样,当用户点击"加载更多"按钮时,将会触发ajax请求,后端将执行自定义查询并返回数据,前端可以通过success回调函数处理返回的数据,并将其展示在页面上。
推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云对象存储(https://cloud.tencent.com/product/cos)。这些产品可以提供稳定的云计算基础设施和存储服务,以支持WordPress网站的运行和数据存储。
领取专属 10元无门槛券
手把手带您无忧上云