register.jsp

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <%

     String path = request.getContextPath();

     String basePath = request.getScheme() + "://"

             + request.getServerName() + ":" + request.getServerPort()

             + path + "/";

 %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

 <head>

 <base href="<%=basePath%>">

 <title>My JSP 'register.jsp' starting page</title>

 <script type="text/javascript" src="<%=basePath%>js/jquery-1.12.4.js"></script>

 <script type="text/javascript">

     $(document).ready(

             function() {

                 $("#loginName").blur(

                         function() {

                             var name = this.value;

                             alert(name);

                             if (name == "") {

                                 $("#check").text("用户名不能为空");

                             } else {//使用ajax发送异步请求，判断用户名是否存在

                                 $.getJSON(

                                         "http://localhost:8080/ajaxstu1/check",

                                         "name="+name, callBack);

                             }

                                 function callBack(checkTag) {

                                     if (checkTag == true) {

                                         $("#check").text("用户名已使用");

                                     } else if (checkTag ==false) {

                                         $("#check").text("用户名可以使用");

                                     }

                                 }

                         }//end blur function

                 );

             });

 </script>

 </head>

 <!--

         /*     $.ajax({

                     "url" : "check",

                     "type" : "get",

                     "data" : "name=" + name,

                     "dataType" : "text",

                     "success" : callBack,

                     "error" : function() {

                         alert("系统正在更新，稍后再试");

                     }

                 }); */

   -->

 <body>

     <form action="">

         <table>

             <tr>

                 <td>昵称：</td>

                 <td><input type="text" id="loginName" name="name" />

                 </td>

                 <td><span id="check"></span>

                 </td>

             </tr>

         </table>

     </form>

 </body>

 </html>

注意：使用  $.getJSON( "http://localhost:8080/ajaxstu1/check", "name="+name, callBack);  去请求服务器时，服务器返回的是json对象，在callBack回调函数中做

checkTag == true 判断时，就不能使用checkTag =="true"的方式了，否则，结果出不来！！！

CheckUserServlet.java

 package cn.bdqn.xsh.controller;

 import java.io.IOException;

 import java.io.PrintWriter;

 import javax.servlet.ServletException;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import com.alibaba.fastjson.JSON;

 public class CheckUserServlet extends HttpServlet{

     private static final long serialVersionUID = 8418279663598505788L;

     @Override

     protected void doGet(HttpServletRequest req, HttpServletResponse resp)

             throws ServletException, IOException {

 //        resp.setCharacterEncoding("UTF-8");

         String name = req.getParameter("name");

         System.out.println(name);

         boolean tag = true;

         if(name.equals("liuch")){

             tag=true;

         }else{

             tag=false;

         }

         PrintWriter out = resp.getWriter();

 //        使用$.getJSON方式进行异步请求

         String returnStr=JSON.toJSONString(tag); //把tag转成JSON格式

         System.out.println("returnStr is:"+returnStr);

         out.print(returnStr);

         out.flush();

         out.close();

     }

     @Override

     protected void doPost(HttpServletRequest req, HttpServletResponse resp)

             throws ServletException, IOException {

         req.setCharacterEncoding("UTF-8");//

         this.doGet(req, resp);

     }

 }

web.xml配置

 <?xml version="1.0" encoding="UTF-8"?>

 <web-app version="3.0"

     xmlns="http://java.sun.com/xml/ns/javaee"

     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

     http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">

   <display-name></display-name>

   <welcome-file-list>

     <welcome-file>index.jsp</welcome-file>

   </welcome-file-list>

     <servlet>

       <servlet-name>CheckUserServlet</servlet-name>

       <servlet-class>cn.bdqn.xsh.controller.CheckUserServlet</servlet-class>

   </servlet>

   <servlet-mapping>

       <servlet-name>CheckUserServlet</servlet-name>

       <url-pattern>/check</url-pattern>

   </servlet-mapping>

 </web-app>

使用$.get()方式请求服务器和使用$.getJSON()方式请求服务器，返回值的类型不同，前者是一个字符串，后者不是，看下图浏览器调试界面的区别：

 $.get()方式请求服务器：

使用$.getJSON()方式请求服务器：

此外，可以在callBack回调函数中加一句：console.log(typeof checkTag ); 就能知道服务器返回的值的类型了

　　　　　　　　　　　　　　　　　　function callBack(checkTag) {
　　　　　　　　　　　　　　　　　　　　　　console.log(typeof result);

31                                     if (checkTag == true) {

32                                         $("#check").text("用户名已使用");

33                                     } else if (checkTag ==false) {

34                                         $("#check").text("用户名可以使用");

35                                     }

36                                 }

getJSON方式请求服务器的更多相关文章

  1. NSURLRequest POST方式请求服务器示例

    http://lizhuang.iteye.com/blog/1833297 1.  准备阶段 NSString *urlString = [NSString stringWithFormat:@&q ...

  2. Android使用HttpClient以Post、Get请求服务器发送数据的方式（普通和json）

    讲这个之前,我们先来说说get和post两种请求的区别吧!!! 1. GET提交的数据会放在URL之后,以?分割URL和传输数据,参数之间以&相连,如EditPosts.jsp?name=te ...

  3. Android 使用HTTP（get和post）方式登陆服务器

    package com.wuyou.submittoserver; import android.os.Bundle; import android.support.v7.app.ActionBarA ...

  4. Android请求服务器的两种方式--post, get的区别

    android中用get和post方式向服务器提交请求_疯狂之桥_新浪博客http://blog.sina.com.cn/s/blog_a46817ff01017yxt.html Android提交数 ...

  5. IOS 请求服务器的方式

    IOS 中请求服务器的方式主要有Get 和Post . Get :[1]向服务器发索取数据的一种请求; [2]获取信息,而不是修改信息,类似数据库查询功能一样,数据不会被修改;请求的参数会跟在url后 ...

  6. android中用get和post方式向服务器提交请求

    通过get和post方式向服务器发送请求首先说一下get和post的区别get请求方式是将提交的参数拼接在url地址后面,例如http://www.baidu.com/index.jsp?num=23 ...

  7. HttpClient get和HttpClient Post请求的方式获取服务器的返回数据

    1.转自:https://blog.csdn.net/alinshen/article/details/78221567?utm_source=blogxgwz4 /*  * 演示通过HttpClie ...

  8. android 之HttpURLConnection的post,get方式请求数据

    get方式和post方式的区别: 1.请求的URL地址不同: post:"http://xx:8081//servlet/LoginServlet" get:http://xxx: ...

  9. Ajax-(get/post/jQuery方式请求)

    < !DOCTYPE html > < html xmlns = "http://www.w3.org/1999/xhtml" > < head &g ...

随机推荐

  1. JS-Promise-先上传文件再提交表单

    很久前就使用过 Bootstrap File Input 上传文件,将上传文件返回的信息和表单一并提交回去. 最开始的时候是让用户手动点上传文件,然后再点提交表单: 之后尝试了写在回调里,不过这样会写 ...

  2. day33—前端开发的模块化和组件化

    转行学开发,代码100天——2018-04-18 今天是记录前端开发中模块化.组件化的知识.关于何为模块化,何为组件化以及为何要如此,目前还是处于一个只可意会不可言传的理解应用阶段. 当然,这样的存在 ...

  3. day06—JavaScript之闭包

    转行学开发,代码100天——2018-03-22 第一次听说“闭包”这个词,还是在2015年某个深夜在听一节腾讯课堂的公开课上,当时老师讲什么已经没有清晰的记忆了,只知道是一次web的开发课程. 过了 ...

  4. for的循环题

    package Tony2;import java.util.Scanner; public class Day27 { public static void main(String[] args) ...

  5. Vagrant 手册之 Vagrantfile - 机器设置 config.vm

    原文地址 配置的命名空间:config.vm config.vm 中的设置修改 Vagrant 管理的机器的配置. 1. 可用的设置项 config.vm.boot_timeout Vagrant 等 ...

  6. 04 | 基础篇：经常说的 CPU 上下文切换是什么意思？（下）

    上一节,我给你讲了 CPU 上下文切换的工作原理.简单回顾一下,CPU 上下文切换是保证 Linux 系统正常工作的一个核心功能,按照不同场景,可以分为进程上下文切换.线程上下文切换和中断上下文切换. ...

  7. Colourful Rectangle【扫描线】

    题目链接 很明显的可以发现是一个扫描线的问题,但是怎么处理区域呢,发现只有三种颜色,也就是最多也就是7种状态,那么我们可以进行一个状态压缩即可. 但是,在向上pushup的时候,存在我们要以子树的状态 ...

  8. Selenium+Java环境搭建

    1. 安装JDK URL:http://www.oracle.com/technetwork/java/javase/downloads/ 2. 配置环境变量 JAVA_HOME = E:\Java\ ...

  9. Angular 输入中的禁止特定输入值--Validator 与 Directive 实现

    1 前言 最近在项目中涉及表单的情况下,需要对用户输入进行过滤,比如填写用户名的时候不可以使用空格或者特殊符号,这里有几个解决方法: 使用 Angular 的正则同步验证器 使用 RxJS对输入的值进 ...

  10. Tcp协议介绍

    前情提要:根据域名建立tcp链接之前要做两件事情,1 根据arp协议找到网管mac地址 2 通过dns服务器解析出域名的Ip地址,解析出域名的Ip地址之后就可以建立tcp链接了. tcp协议三个特点: ...