<%@ 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. 关于解决Python中requests模块在PyCharm工具中导入问题

    问题引入: 今天在学习Python网络请求的时候,导入requests模块时一直报红色波浪线,如图: 反复折腾,一直以为自己没有安装requests模块,反复安装反复卸载: 安装方法: 首先 cd 进 ...

  2. 使用POI读写word docx文件

    目录 1     读docx文件 1.1     通过XWPFWordExtractor读 1.2     通过XWPFDocument读 2     写docx文件 2.1     直接通过XWPF ...

  3. mysql排序索引优化

    为排序使用索引 KEY a_b_c (a,b,c) order by 能使用索引最左前缀 -order by a -order by a,b -order by a,b,c -order by a d ...

  4. php结合redis高并发下，悲观锁解决数据二次写入

    悲观锁 在悲观锁的情况下,为了保证事务的隔离性,就须要一致性锁定读.读取数据时给加锁,其他事务无法改动这些数据.改动删除数据时也要加锁,其他事务无法读取这些数据. 在做数据缓存的时候,通常都是把数据从 ...

  5. 使用ElasticSearch服务从MySQL同步数据实现搜索即时提示与全文搜索功能

    最近用了几天时间为公司项目集成了全文搜索引擎,项目初步目标是用于搜索框的即时提示.数据需要从MySQL中同步过来,因为数据不小,因此需要考虑初次同步后进行持续的增量同步.这里用到的开源服务就是Elas ...

  6. 深入理解mybatis原理， Mybatis初始化SqlSessionFactory机制详解(转)

    文章转自http://blog.csdn.net/l454822901/article/details/51829785 对于任何框架而言,在使用前都要进行一系列的初始化,MyBatis也不例外.本章 ...

  7. Java基础之多线程篇(线程创建与终止、互斥、通信、本地变量)

    线程创建与终止 线程创建 Thread类与Runnable接口的关系 public interface Runnable { public abstract void run(); } public ...

  8. 深入浅出的webpack构建工具---DevServer配置项(二)

    深入浅出的webpack构建工具---DevServer配置项(二) 阅读目录 DevServer配置项 1. contentBase 2. port 3. host 4. headers 5. hi ...

  9. 【Codeforces 1109C 】Sasha and a Patient Friend

    Codeforces 1109 C 题意:现在有个碗,每时每刻其中的水量都会加一个整数(可以为负). 给\(n\)个询问,询问有\(3\)种类型: \(1\ t\ s\):将从第\(t\)秒开始水量增 ...

  10. [05] Bean的作用域和生命周期

    1.Bean的作用域和初始化时间 之前我们稍微提到过,Spring中管理的Bean,默认都是单例模式,这意味着你多次获取某个对象,得到的都是相同的对象.单例作用域的显性写法是scope属性,如下,这和 ...