<%@ 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. git clone 遇到的坑

    问题描述: 使用git clone 拉代码遇到了需要输入密码的情况,但是我输入密码输入不了还有怎么都拉取不下代码 很郁闷的说~ 于是,我去问其他人,配置了我的SSH公匙,但是还是不行,我又去百度,果然 ...

  2. oracle的order by排序中空字符串处理方法

    1.缺省处理 Oracle在Order by 时缺省认为null是最大值,所以如果是ASC升序则排在最后,DESC降序则排在最前 2.使用nvl函数 nvl函数可以将输入参数为空时转换为一特定值,如 ...

  3. D - Milking Time 动态规划

    Bessie is such a hard-working cow. In fact, she is so focused on maximizing her productivity that sh ...

  4. 从源码的角度分析List与Set的区别

    很多时候我们在讨论List与Set的异同点时都在说: 1.List.Set都实现了Collection接口 2.List是有序的,可以存储重复的元素,允许存入null 3.Set是无序的,不允许存储重 ...

  5. (16)Python练习题

    练习题一: 练习题二:

  6. SSM搭建一个后台管理系统

    看一下效果图: 登陆界面: 图片上传页面: 我也把项目放到服务器上了,可以直接查看项目内容: http://codingcoge.cn/ssm-demo/login.html 1 我也放到github ...

  7. sql server 压缩备份数据库

    转自 https://www.cnblogs.com/527289276qq/p/6273291.html 今天需要把一个省外项目的数据库从服务器上备份.拷贝到本机(跨地域传输数据库备份文件). 连上 ...

  8. ROS教程5 使用串口

    http://blog.csdn.net/u011853479/article/details/51261704 http://blog.csdn.net/u011853479/article/det ...

  9. [ASP.NET]ScriptManager控件使用

    目录 概述 局部刷新 错误处理 类型系统扩展 注册定制脚本 注册 Web 服务 在客户端脚本中使用认证和个性化服务 ScriptManagerProxy 类 添加 ScriptManager 控件 客 ...

  10. oracle创建em

    语法:emca -config dbcontrol db [-repos (create | recreate)] [-cluster] [-silent] [-backup] [parameters ...