ajax jq 实现登陆无刷新 大虾近来看看
没写完 应该怎么写
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
$(document).ready(function () {
function loginin() {
var name = $('#txt').val();
var passwd = $('#passwd').val();
$.ajax({
type: 'post',
url: 'Login.aspx',
dataType: 'json',
data: 'username=' + name + '&userpasswd=' + passwd,
success: function () { },
error: function () { alert("error"); }
})
}
});
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
帐户<input type="text" id="txt" name="txt" /><br />
密码<input type="text" id="passwd" name="passwd" />
<input type="submit" id="resu" />
</div>
</form>
</body>
</html>
[解决办法]
在$(document).ready(function(){.....])里面再加上：
$('#form1').submit(function(){
loginin();
return false;
})
另外，你那ajax的data参数有问题，既然是post请求那data应该是对象不是字符串。
[解决办法]
不return false 点击按钮提交表单默认是页面跳转~~