<%@ 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之三】Python 对象解析

    美妙的Python之Python对象         简而言之: Python 是能你无限惊喜的语言.与众不同.         Python对象概念的理解,是理解Python数据存储的前提.Pyth ...

  2. !important的用法

    如果写成:a{color:teal !important},IE6和其它高版本浏览器都认识,(IE6虽然不认识!important,但它还是能够认识!important之前的color:teal这个属 ...

  3. FFMPEG详细参数

    这几天做视频相关的东西,找到了这款比较牛掰的工具FFmpeg Howto Table of Contents * Generic Syntax * Main Options * Encoding : ...

  4. oracle 迁移

    一.创建逻辑目录,该命令不会在操作系统创建真正的目录,最好以system等管理员创建. create directory exp_shengchan as '/home/oracle/exp_shen ...

  5. nodejs写入json文件，格式化输出json的方法

    假如我需要把data序列化成json字符串,然后写入data.json文件中,代码如下: let str = JSON.stringify(data) fs.writeFile('data.json' ...

  6. maven项目红叉问题

    maven项目红叉问题,有的时候是因为代码报错,有的时候是因为JDK的缘故,比如新建Maven项目,默认JDK为5,这时你在pom.xml配置了JDK为8.这时项目就报错了,就需要你update pr ...

  7. ubuntu apt-get 出现NO_PUBKEY的解决方案

    https://blog.csdn.net/u014221090/article/details/77524682

  8. SSM项目layui分页实例

    最近学了layui,发现其中的分页挺有意思的,所以整理了一下,一遍自己随时查看.(官方文档上已经很详细了,当中有不足的地方欢迎大家指出) 关于前台的js文件,css样式,js样式,大家可以到官网下 本 ...

  9. 如何使用 GroupBy 计数-Count()

    十年河东,十年河西,莫欺少年穷. 本节探讨的内容很简单,就是如果使用GroupBy计数 提供两种方法:第一:把查询的数据,转化为泛型,然后泛型分组计数. 第二:Linq语句直接分组计数 有如下范例: ...

  10. 如何在Windows资源管理器右键菜单中 添加CMD

    我们在用windows时经常需要在某个目录下执行执行一些dos命令,通常我们会在开始菜单的运行下键入:cmd,开启dos命令窗口,然后在cd到目标操作目录,每次这样操作比较麻烦.下面介绍一种直接在资源 ...