<%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <%

     request.setAttribute("path", request.getContextPath());

 %>

 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

 <!DOCTYPE html >

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>Insert title here</title>

 <script type="text/javascript" src="${path }/js/jquery-3.2.1.min.js"></script>

 <script type="text/javascript">

 var flag;

      function reg() {

      //1.获取文本框内容

         var uname = $("#uname").val();

         //2.把文本框的内容发送到服务器匹配数据库中的用户名   使用ajax一步提交请求

             /* $.ajax({

             url : "${path}/checkName",//定义请求服务器的地址

             data : {

                 uname : uname

             }, //定义往服务器传输的数据

             type : "get",//提交请求的方式  get  post

             dataType : "json",//定义服务器响应的数据类型  text json  jsonp  支持跨域

             success : function(result) {

                 //result 服务器响应回来的结果

                 if(result){

                     alert("用户名可以使用");

                     $("#msg").html("");

                 }else{

                     $("#msg").html("用户名不可以使用");

                     alert("用户名不可以使用")

                 }

             }//定义请求成功之后如果处理

         });  */

 //1

          //第一个url  第二个data数据  第三个参数是  规定当请求成功时运行的函数

         //第四个参数服务器响应的类型

         /* $.get("${path}/checkName",{uname:uname},function(data,status){

             alert("data:"+data+"------status:"+status);

             if(data){

                 $("#msg").html("");

             }else{

                 $("#msg").html("用户名不可以使用");

             }

         },"json"); */

 //2

         /* $.post("${path}/checkName",{uname:uname},function(data,status){

             alert("data:"+data+"------status:"+status);

             if(data){

                 $("#msg").html("");

             }else{

                 $("#msg").html("用户名不可以使用");

             }

         },"json");

          */

 //3

         $.getJSON("${path}/checkName",{uname:uname},function(data,status){

             alert("data:"+data+"------status:"+status);

             if(data){

                 $("#msg").html("");

                 flag=true;

             }else{

                 $("#msg").html("用户名不可以使用");

                 flag=false;

             }

         },"json");

     } 

      $(function(){

          //

          $("#myform").submit(function(){

              //判断用户名是否存在

                 $.getJSON("${path}/checkName",{uname:uname},function(data,status){

                     alert("data:"+data+"------status:"+status);

                     if(data){

                         $("#msg").html("");

                         flag=true;

                     }else{

                         $("#msg").html("用户名不可以使用");

                         flag=false;

                     }

                 },"json");

          });

      });

 </script>

 </head>

 <body>

     <form action="" method="post" id="myform">

         <table align="center">

             <tr>

                 <td>用户名：<input type="text" id="uname" name="uname"

                     onblur="reg()" /><span id="msg"></span><br /></td>

             </tr>

             <tr>

                 <td>密&nbsp;&nbsp;&nbsp;码：<input type="password" id="upass"

                     name="upass" /><br /></td>

             </tr>

             <tr align="center">

                 <td><input type="submit" value="注册" />

                 <td>

             </tr>

         </table>

     </form>

 </body>

 </html>

ajax 异步请求的更多相关文章

  1. ajax异步请求

    做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...

  2. spring HandlerInterceptorAdapter拦截ajax异步请求，报错ERR_INCOMPLETE_CHUNKED_ENCODING

    话不多说,直接上正文. 异常信息: Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING 问题描述: 该异常是在页面发送ajax请 ...

  3. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

  4. ajax异步请求Response.Redirect重定向

    一个ajax异步请求报错->捕获异常->重定向错误提示页面.  一个简单的流程 结果一直搞不定.重定向无效.各种百度之. 后来突然想起 ajax的请求是不能在后台重定向的. 如果硬要重定向 ...

  5. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  6. MVC&WebForm对照学习：ajax异步请求

    写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...

  7. AJAX异步请求原理和过程

    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...

  8. Ajax异步请求-简单模版

    <script type="text/javascript"> window.onload = function () { document.getElementByI ...

  9. art.dialog 与 ajax 异步请求

    上周写了一些代码,涉及到jquery异步请求,这里归纳总结下,希望对刚接触编程的同学有帮助. 主要习惯使用 art.dialog 框架,非常好用,在异步请求上,它提供了很多简便的方法. 加载使用art ...

  10. ajax异步请求不能刷新数据的问题

    搞了两三天的问题,今天解决了.总结下: function reportGrpChange(cuid, title){ document.getElementById('reportFrameDiv') ...

随机推荐

  1. Android Activity学习笔记——Activity的启动和创建

    http://www.cnblogs.com/bastard/archive/2012/04/07/2436262.html 最近学习Android相关知识,感觉仅仅了解Activity几个生命周期函 ...

  2. WIN10刚开机任务管理显示CPU占用100%问题

    针对WIN10更新后出现的问题!!! 现象: 电脑刚开机,直接打开任务管理器,CPU占用100%! 但是电脑运行速度正常,按道理这时候应该卡死!(排除病毒) 下载鲁大师查看只是显示CPU 3%!而网上 ...

  3. mascara-2(MetaMask/mascara本地实现)-连接线上钱包

    https://github.com/MetaMask/mascara (beta) Add MetaMask to your dapp even if the user doesn't have t ...

  4. Spring容器AOP的实现原理——动态代理(转)

    文章转自http://blog.csdn.net/liushuijinger/article/details/37829049#comments

  5. mysql中engine=innodb和engine=myisam的区别(转)

    转自http://blog.csdn.net/lingyi_xu/article/details/5393791 innodb引擎和mysiam引擎的区别 引擎         事务     外键 建 ...

  6. Winform 基础二 最小化 最大化 关闭 点击任务栏隐藏显示 点击鼠标左键移动窗体

    一 最大化 二 最小化 三 关闭 四 点击任务栏隐藏显示 五 点击鼠标左键移动窗体 六 阴影效果鼠标左键移动窗口 #region UI设置 最大化.最小化.关闭.鼠标移动窗口.点击任务栏切换窗口 th ...

  7. GZIP压缩提高网络传输效率

    [spring]通过GZIP压缩提高网络传输效率(可以实现任何资源的gzip压缩.包括AJAX) gzip是http协议中使用的一种加密算法,客户端向web服务器端发出了请求后,通常情况下服务器端会将 ...

  8. linux中断源码分析 - 软中断(四)

    本文为原创,转载请注明:http://www.cnblogs.com/tolimit/ 在上一篇文章中,我们看到中断实际分为了两个部分,俗称就是一部分是硬中断,一部分是软中断.软中断是专门用于处理中断 ...

  9. 【福利】送Scala语言入门视频学习资料

    没有套路真的是送!! 想要学好大数据,scala语言是必不可少的,spark和kafka等大数据重要组件都是用scala写的,想要彻底搞懂这些组件是如何运作的必须得看源码,而学习scala是看源码的必 ...

  10. VitualBox安装linux记录

    下载镜像 CentOS 7镜像下载 阿里云站点:http://mirrors.aliyun.com/centos/7/isos/x86_64/ VirtualBox安装linux https://ww ...