获取
这里是jq代码实现部分：
var authCode;
randomCode=$("#js5-authCode").eq(0);//获取验证码出现的方框dom
console.log(randomCode);
function createCode() {
authCode="";//设置这个为空变量，然后往里面添加随机数
var authCodeLength=4;//随机数的长度
randomArray=[0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 'S','T','U','V','W','X','Y','Z'];
//创建一个数组，随机数从里面选择四位数或者更多
for(var i=0;i服务器，跨域。
firstAjax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//setRequestHeader() 方法指定了一个 HTTP 请求的头部，它应该包含在通过后续 send() 调用而发布的请求中。
//可以理解为，这是http的请求头，固定格式，位置必须要在open之后，send之前。
firstAjax.send("name=" + user + "&pwd=" + psd);
//在使用POST方式时参数代表着向服务器发送的数据，前面两个是账号框和密码框
firstAjax.onreadystatechange = function () {//当参数被传入服务器的时候，引用监听事件。
if (firstAjax.readyState == 4) {//readyState四种状态，当执行四步完成之后
if (firstAjax.status == 200) {//返回的是200，代表成功，404未找到。
var returnValue = JSON.parse(firstAjax.responseText);//取回由服务器返回的数据
console.log(returnValue);
if (returnValue.code == 0) {//这里是后端定义的，当code==0的时候，代表登录正确。
window.location.href = "https://www.baidu.com/index.php?tn=98012088_3_dg&ch=1";
//后端返回的数据验证成功就跳转链接。
}
else {
$("#js5Message").text(returnValue.message);//当code不等于0时，返回出错信息
}
} else {
alert("出错咯，咯咯咯");//返回的不是200的时候，出错。
}
}
};
createCode();//点击登录按钮，验证之后会刷新验证码
}
else {
$("#js5Message").text("验证码错误，请重新输入");
createCode();//验证码错误，刷新验证码。
}
})
});这是是angular代码实现部分：
jq部分写的详细一点，这里也挺详细的，如果不懂的话，可以回头看看jq部分，原理都是一样的，复制到本地自己多试试。
var enter=angular.module("myApp");
enter.controller('enterCtrl',['$scope','$http','$state',function ($scope,$http,$state) {
$scope.changeVerify=function () {//定义了一个点击事件，获取验证码
var authCode="";
var authCodeLength=4;//取几个随机数字
var randomArray=[0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 'S','T','U','V','W','X','Y','Z'];
for(var i=0;i以上是“怎么使用jQuery,Angular实现登录界面验证码”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
分享文章：怎么使用jQuery,Angular实现登录界面验证码
分享链接：http://bjjierui.cn/article/pisooi.html
