<%@ 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. API与软件架构-接口

    http://blog.csdn.net/horkychen/article/details/46612899 从架构设计的角度来看(所谓的组成论),软件系统就是模块和接口. 模块(层次/组件)决定分 ...

  2. BugFree设置邮箱通知(这里以163邮箱为例)

    公司用bugfree在进行新建Bug指派抄送给同事的时候,总是有人不及时登录BugFree去查看指派给自己的,所以要加一个邮箱通知,这样可以及时通知到被指派的同事. 百度上很多用的是QQ邮箱来实现的, ...

  3. mysql order by 排序的问题

    参考博客http://blog.csdn.net/hollboy/article/details/13296601 mysql order by 的排序在今天时候遇到了问题 情景是:将排序的字段设置成 ...

  4. python 获取当前路径

    使用os模块: os.path.realpath(__file__)

  5. Qt warning: 构建目录必须和源文件目录为同级目录

    从一台电脑转移项目到另一电脑, 路径发生变化,重新构建运行时会出现“QT 构建目录必须和源目录为同级目录”提示,解决办法很加单.如下: 方法一: 点击 project(项目)->然后,看看Bui ...

  6. matlab的conv2、imfilter、filter2

    1 conv2函数 C=conv2(A,B,shape); %卷积滤波 参数说明: A:输入图像 B:卷积核 shape的可选值为full.same.valid. 1)当shape=full时,返回全 ...

  7. 【Codeforces Gym 100725K】Key Insertion

    Codeforces Gym 100725K 题意:给定一个初始全0的序列,然后给\(n\)个查询,每一次调用\(Insert(L_i,i)\),其中\(Insert(L,K)\)表示在第L位插入K, ...

  8. maven 插

    一.maven插件元素 <?xml version="1.0" encoding="utf-8"?> <plugin> <!--插 ...

  9. CF1039E Summer Oenothera Exhibition 贪心、根号分治、倍增、ST表

    传送门 感谢这一篇博客的指导(Orzwxh) $PS$:默认数组下标为$1$到$N$ 首先很明显的贪心:每一次都选择尽可能长的区间 不妨设$d_i$表示在取当前$K$的情况下,左端点为$i$的所有满足 ...

  10. Luogu4546 THUWC2017 在美妙的数学王国中畅游 LCT、泰勒展开

    传送门 题意:反正就是一堆操作 LCT总是和玄学东西放在一起我们不妨令$x_0=0.5$(其实取什么都是一样的,但是最好取在$[0,1]$的范围内),将其代入给出的式子,我们得到的$f(x)$的式子就 ...