2014-04-25 21 views
0

我一直在使用ajax在我的布局中加载页面而不必刷新,我现在正在尝试使用表单来做同样的事情,但它不起作用,因为我一直在使用href =''。我如何使它适用于表单? 我曾试图改变.attr到按钮,但它并没有帮助表单按钮jquery

http://jsfiddle.net/zn8Ex/2/

$('.menu_top').click(function() { 
var href = $(this).attr('href'); 
$('#load').hide().load(href).fadeIn('normal'); 
return false 

});

回答

0

形式的action属性是你在找什么,也用同样的方法load()为Ajax。

$('.submit').click(function() { 
    var url = $(this).attr('action'); 
    $('#load').hide().load(url).fadeIn('normal'); 
    return false 
}); 
0

当您使用锚链接<a href="...">link</a>时,您只能在单击它时访问该页面。没有发布数据。

如果你想使用jQuery发布形式,使用$.post()

$.post("test.php", postVar1: $("#someinput").val(), postVar2: $("#someinput").val()); 
0

你需要通过AJAX提交表单和使用它的成功函数来处理新的页面加载。如果您使用下面的代码,请确保为您的表单提供“登录”的ID。退房的小提琴下面看看是否有帮助:

http://jsfiddle.net/zn8Ex/3/

$("#login").submit(function() { 
    $.ajax({ 
     type: "POST", 
     url: "./admin/login.php", 
     data: $("#login").serialize(), 
     success: function(data) 
     { 
       // success message/ load new page here/ whatever you want to do after login 
     } 
    }); 
    return false; //prevent normal form submission 
});