js JSONP实例
<script type="text/javascript">
$(function(){
checkuserstatus();
$('#loginbutton').click(function(){
var loginpwd=$('#password').val();
var username=$('#username').val();
var code=$('#verification').val();
$("#fastloginspan").html('');
$("#msg").html("");
var url="http://192.168.1.14/youeryuan/index.php?g=";
var type=$('#selector').val(); if (username==""||username=="手机号/邮箱") { $('#msg').html('<p style="color:red">请输入手机号码或邮箱!</P>')
return false;
}; if (loginpwd==""||loginpwd=="密码") { $('#msg').html('<p style="color:red">请输入密码!</p>');
return false;
}; if (code==""||code=="验证码") { $('#msg').html('<p style="color:red">请输入验证码!</p>');
return false;
}; if(!checkfield(username))
{
$('#msg').html('');
$('#msg').html('<p style="color:red">请输入有效的手机号码或邮箱!</p>');
return false;
}
else
{
$('#msg').html('');
} if (type==1) { var url1=url+'Teacher&m=Index&a=plogin&user='+username+'&loginpwd='+loginpwd+'&code='+code; }
else if(type==2) { var url1=url+'Parent&m=Index&a=plogin&user='+username+'&loginpwd='+loginpwd+'&code='+code;
}; $.ajax({
type: "GET",
async: false,
url: url1,
dataType: "jsonp",
//jsonp: "callback",
success: function(data){
if (data.data=='error') { $('#msg').html('<p style="color:red">'+data.info+'</p>'); }
else if(data.data=="succ")
{
if (type==1)
{
//window.location.href="http://192.168.1.11/youeryuan/index.php?g=Teacher";
//$('.log-box').html('您好,您已成功登录'); //登陆之后接着写 cookie
window.open(url+"Teacher");
}
else
{
//$('.log-box').html('您好,您已成功登录'); //到时候换成其他的形式实现
window.open(url+"Parent");
//window.location.href="http://192.168.1.11/youeryuan/index.php?g=Parent";
}
}
},
error: function(){
$('#msg').html('<p style="color:red">用户名或密码错误!</p>');
}
}); }); $("#loginbtn").click(function()
{
var url="http://192.168.1.14/youeryuan/index.php?g=";
var type=$("#usertype").val();
if(type=="1")
{
window.open(url+"Teacher");
}
else
{
window.open(url+"Parent");
}
}); $('#changeuser').click(function(){ $("#loginbox1").css("display","block");
$("#loginbox2").css("display","none");
}); });
function fastlogin()
{
$("#loginbox1").css("display","none");
$("#loginbox2").css("display","block");
} function checkuserstatus()
{
url="http://192.168.1.14/youeryuan/index.php?g=Admin&m=Index&a=checkLogin";
$.ajax({
type: "GET",
async: false,
url:url,
dataType: "jsonp",
success: function(data){
if(data.status=="succ")//在线
{
if (data.type=="3") {
$("#usermsg").html(data.name+"教师,您好。");
$('#usertype').val(1);
}
else if(data.type=='4')
{
$("#usermsg").html(data.name+"家长,您好。");
$('#usertype').val(2);
}
$("#loginbox1").css("display","none");
$("#loginbox2").css("display","block");
$("#fastloginspan").html('<a id="fastlogin" onclick="fastlogin()" style="cursor:pointer">切换到快速登录模式</a>');
}
else if(data.status=='error')
{
//$('#msg').html('<p style="color:red">系统出现问题请稍后重试。</p>');
}
},
error: function(){
//alert(1);
$('#msg').html('<p style="color:red">连接服务器失败,请重试。</p>');
}
});
} function checkfield(username)
{
var myemailreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
var myphonereg=/^(1[358]{1}[0-9]{9})$/i;
if(!(myemailreg.test(username)||myphonereg.test(username)))
{
return false;
}
else
{
return true;
}
} </script>
js JSONP实例的更多相关文章
- JSONP实例
JSONP实例 package sus.app; import java.io.IOException; import java.util.Map; import javax.servlet.http ...
- Node.js入门实例程序
在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...
- jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明
jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明 jquery.lazyload.js是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片 ...
- jQuery懒加载插件jquery.lazyload.js使用说明实例
jQuery懒加载插件jquery.lazyload.js使用说明实例很多网站都会用到‘图片懒加载’这种方式对网站进行优化,即延迟加载图片或符合某些条件才开始加载图片.懒加载原理:浏览器会自动对页面中 ...
- js分页实例
js分页实例 案例1 1.js_pageusers.html <!DOCTYPE html> <html> <head> <title>js_pageu ...
- JS hashMap实例详解
链接:http://www.jb51.net/article/85111.htm JS hashMap实例详解 作者:囧侠 字体:[增加 减小] 类型:转载 时间:2016-05-26我要评论 这篇文 ...
- Python爬虫教程-16-破解js加密实例(有道在线翻译)
python爬虫教程-16-破解js加密实例(有道在线翻译) 在爬虫爬取网站的时候,经常遇到一些反爬虫技术,比如: 加cookie,身份验证UserAgent 图形验证,还有很难破解的滑动验证 js签 ...
- Ajax跨域:Jsonp实例--百度搜索框下拉提示
Ajax跨域:Jsonp实例--百度搜索框下拉提示 一.总结 一句话总结:a.找好接口:b.用script标签的src引入文件(json数据):c.定义及实现上一步引入文件中的函数 1.如何找到一个网 ...
- JS练习实例--编写经典小游戏俄罗斯方块
最近在学习JavaScript,想编一些实例练练手,之前编了个贪吃蛇,但是实现时没有注意使用面向对象的思想,实现起来也比较简单所以就不总结了,今天就总结下俄罗斯方块小游戏的思路和实现吧(需要下载代码也 ...
随机推荐
- Unique Paths ——LeetCode
A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The ...
- Insertion Sort List —— LeetCode
Sort a linked list using insertion sort. 题目大意:将一个单链表使用插入排序的方式排序. 解题思路:先新建一个头指针,然后重新构建一下这个单链表,每次从头找到第 ...
- Eclipse 在线汉化
1. 打开Eclipse , 进入菜单中 Help-->Install new Software.. 2. 到Eclipse 官网找到语言包地址,http://www.eclipse.org/ ...
- 必胜宅急送Web app设计背后的思考
O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向,迎合餐饮消费者从以往经验判断为主转变为依靠移动设备.lbs.社交网络进行立体决策的过程.继App客户端之后,手机web app也逐渐成为O2O中 ...
- Lucene:QueryParser
作为lucene的Query工具,QueryParser却是最重要的一个.简单的说,QueryParser能够根据用户的输入来进行解析,自动构建合适的Query对象.下面简单总结一下它的实现: 目录 ...
- 使用jQuery Mobile和Phone Gap开发Android应用程序(转)
经过了一段时间的学习,初步了解了该如何使用jQuery Mobile和 Phone Gap来开发一个Android应用程序,也想把这些东西介绍给大家. 1. 软件准备 要进行android app的开 ...
- 从C到汇编:栈是计算机工作的基础
作者:r1ce 原创作品转载请注明出处 <Linux内核分析> MOOC课程http://mooc.study.163.com/course/U ...
- 异步tcp通信——APM.Server 消息推送服务的实现
消息推送服务 服务器推送目前流行就是私信.发布/订阅等模式,基本上都是基于会话映射,消息对列等技术实现的:高性能.分布式可以如下解决:会话映射可采用redis cluster等技术实现,消息对列可使用 ...
- public static <T> Map<String, T> json2map
/** * json string convert to map with javaBean */ public static <T> Map<String, T> json2 ...
- MiniProfiler.EF6监控调试MVC5和EF6的性能
转自:蓝狐学MVC教程 以前开发Webform的时候可以开启trace来跟踪页面事件,这对于诊断程序的性能是有很大的帮助的,起到事半功倍的作用,今天我就来谈用mvc开 发项目的调试和性能监控.EF框架 ...