使用ajax转换旧登录
converting old login using ajax
我是一个新的web开发人员目前正在使用登录系统的网站上工作,不使用任何ajax,我想转换现有的框架,利用ajax,如果这是可能的。目前,它只是一个已经在调用动作的表单:
<form action="<?=$url_root?>/controllers/UserController.php" method="post" name="login_form">
<input type="hidden" name="action" value="login" />
<input type="hidden" name="path_requested" value="<? if(isset($GLOBALS['path_requested'])) { echo $GLOBALS['path_requested']; } ?>" />
<p class="field"><?if(isset($invalid)){?><span class="invalid">Invalid login! Try again.</span><?}?>E-mail:</p>
value="<? if(isset($email)) { echo $email; } ?>" />
<p class="field"> Password:</p>
<input type="password" name="password" onKeyPress="return submitenter(this,event)" tabindex="2"/>
<input class="image" type="image" src="<?=$url_root?>/style/images/img_button_submit.jpg" name="Submit" value="Submit" />
<!--<input type="submit" class="button"/>-->
</form>
现在,表单提交给UserController.php并显示一个空白屏幕,如果成功,则登录,如果失败,则刷新回某个页面。
我想转换这个ajax调用后台的UserController.php,然后返回它的响应。
我开始用一个简单的形式来代替上面的形式:
<form method="post" name="login_form">
<span class="throw_error"></span>
<p class="field">E-mail:</p>
<input type="text" name="email" id="email" />
<p class="field">Password:</p>
<input type="password" name="password" id="password"/><br><br>
<input class="image" type="image" src="<?=$url_root?>/style/images/img_button_submit.jpg" name="Submit" value="Submit" />
<!--<input type="submit" class="button"/>-->
</form>
这是我的ajax脚本:
<script type="text/javascript">
$('#login_form').submit(function() {
checkLogin();
});
function checkLogin()
{
$.ajax({
url: "../controllers/UserController.php",
type: "POST",
data: {
email: $("#email").val(),
password: $("#password").val()
},
success: function(response)
{
if(response == 'true')
{
window.location.replace("main.html");
}
else
{
alert('bad login');
}
}
});
}
</script>
我不确定如何从UserController.php返回响应到ajax调用的成功或失败。我不确定使用旧代码是否也需要彻底检修。
HTML
<form id="login_form">
JS
$(document).ready(function() {
$('#login_form').submit(function() {
checkLogin();
return false;
});
});
AJAX(如果路径是http://example.com/example/controllers/UserController.php)
url: "/example/controllers/UserController.php",
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- 如何在Javascript中将JSon对象转换为数组
- 使用JS将数组转换为json对象
- 如何使用json将对象列表从java转换为javascript
- 偶尔结结巴巴地说“;堆叠的”;translate()上的转换(v4.0.0-alpha40)
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- 在Javascript中转换对象数组
- 将数字转换为一定数量的硬币
- 将纯文本URL转换为可单击链接
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何使用js将SNAPSHOT内部版本号转换为3位数的整数
- 如何将TypeScript对象转换为普通对象
- 检测个位数整数时正在转换毫秒
- 从javascript到jquery的转换
- 尝试使用Phonegap进行php登录
- DOM事件通过JSON转换为java
- 每次用户登录javascript时转换totaltime
- 如何在使用Ember Auth成功登录时转换为root用户
- 使用ajax转换旧登录