Ajax不处理链接
Ajax not working on links
My js code:
jQuery(document).ready(function($) {
// $(document).on('click','.contact',function() {
$(document).on('click','.test',function() {
//$('.test').click(function(e){
// evt.preventDefault();
//$('div').hide();
var cat = '-10';
var data = {
'action': 'my_action',
'category': cat
};
jQuery.post(ajax_object.ajax_url, data, function(response) {
console.log('Got this from the server: ' + response);
});
});
});
和我的PHP代码
function my_action_callback() {
global $wpdb;
if (isset($_POST["category"])) {
$category = $_POST["category"];
}
echo $category;
wp_die();
}
所以问题来了:我正在尝试在 Wordpress 中建立一个网站,我正在尝试传递我希望从帖子中排除的类别。
.test 是一个提交按钮,带有指向我的帖子页面的 URL。当我单击它时,我没有得到服务器的响应,ajax 根本不起作用。
但是当我单击 .contact 时,它只是一个不会重定向到任何页面的div,我的代码工作正常,我得到"从服务器得到这个:-10"响应;
我也尝试过 preventDefault()。在这种情况下,我得到了正确的响应,但没有重定向到所需的页面。
我的猜测是它与重定向到另一个页面有关。
任何帮助都会非常好。
使用 preventDefault 阻止点击,然后如果你想重定向,那么使用 window.location 让你进入下一页
这是我的答案
jQuery(document).ready(function($) {
$(document).on('click','.test',function(e) {
e.preventDefault();
var cat = '-10';
var data = {
'action': 'my_action',
'category': cat
};
jQuery.post(ajax_object.ajax_url, data, function(response) {
console.log('Got this from the server: ' + response);
window.location = $(this).attr('href');
});
});
});
相关文章:
- IE7 preventDefault()无法处理跳过链接
- 链接无法处理图像
- 当链接javascript承诺时,如何处理then()函数中的条件
- 通过Rails中的自定义Jquery对话框处理链接的确认
- $q.reject和处理AngularJS链接承诺中的错误
- 对链接的 svg 进行动画处理不起作用;内联时工作正常
- 如何使用onClick处理程序在React组件中创建链接
- YUI3-具有相同类的链接的点击事件处理
- e.target只处理链接
- Javascript的Haskell处理“;点击“;以获取链接
- 使用运行时创建的链接来触发ASP.Net中隐藏按钮的单击处理程序
- 使用带有哈希标签的链接处理类似Facebook的按钮信息(标题和图像)
- 如何自动单击 AJAX 响应处理程序中自动生成的链接
- jQuery 选择没有任何 JS 事件链接的链接,以便 PJAX 仅处理链接
- Ajax不处理链接
- 从动态链接读取文本并在显示之前进行处理
- PHP/HTML:下载PDF链接处理页面加载
- 如何处理Phonegap + JQM应用程序中的链接
- rails中的事件/链接处理
- 宣布网页为mailto链接处理程序