当我单击UsingjQuery时,用$.get加载php页面
我正在运行以下脚本当我单击UsingjQuery时,用$.get加载php页面,jquery,get,Jquery,Get,我正在运行以下脚本 $(document).ready(function() { $('#submit').click(function(){ $(this).get("auth.php",{username: $('#log').val(), password: $('#pwd').val()}); }); }); 这是html <form class="clearfix" action="#" method="post"> <h1&
$(document).ready(function() {
$('#submit').click(function(){
$(this).get("auth.php",{username: $('#log').val(), password: $('#pwd').val()});
});
});
这是html
<form class="clearfix" action="#" method="post">
<h1>Member Login</h1>
<label class="grey" for="log">Username:</label>
<input class="field" type="text" name="log" id="log" value="" size="23" />
<label class="grey" for="pwd">Password:</label>
<input class="field" type="password" name="pwd" id="pwd" size="23" />
<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label>
<div class="clear"></div>
<input id="submit" type="submit" name="submit" value="Login" class="bt_login"/>
<a class="lost-pwd" href="#">Lost your password?</a>
</form>
会员登录
用户名:
密码:
记得我吗
尽管当我单击id为submit的输入时,页面只是重新加载,即使auth.php在单独运行时重定向到另一个站点
我可以获取警报以显示它正在响应单击事件,并且警报中的消息包含框的正确值,但似乎$.get从未打开auth.php您必须添加
返回false
在表单中要停止表单提交,只需添加一个。单击提交按钮。但是表单仍然提交。您的代码有一些问题。首先是$。获取,而不是$(这个)。获取。接下来,您可能想阻止默认操作,尽管我无法判断您是否希望在您的情况下刷新,但似乎您希望页面刷新,如果取消默认操作,则不会发生这种情况,通常在您希望刷新部分页面并阻止完全刷新时使用ajax。如果您希望页面刷新/重定向,那么首先为什么要使用ajax?为什么不做一个直截了当的帖子呢
$(document).ready(function(e) {
$('#submit').click(function(){
$.get("auth.php",{username: $('#log').val(), password: $('#pwd').val()});
e.preventDefault();
});
});
如果要刷新页面,为什么要使用jquery?为什么不直接发布?您可能需要使用return false
取消提交,否则浏览器将提交表单。