<style type="text/css">

		.tishi{

			color: red;

		}

</style>

　　

<script type="text/javascript">

	function getAjax(){

		var xhr;

		if(window.XMLHttpRequest){

			xhr = new XMLHttpRequest();

		}

		xhr.open("get", "getAjax03", true);

		xhr.onreadystatechange = function(){

			var jsonObj;

			if(xhr.readyState==4){

				jsonObj = JSON.parse(xhr.responseText);//可以将json字符串转换成json对象，用在前台js中。

				alert("json对象："+jsonObj);

				alert("json字符串"+xhr.responseText);

				alert("json字符串，使用stringify(jsonObj)"+JSON.stringify(jsonObj));//可以将json对象转换成json对符串 ，用在action中(java代码中)。

				alert("姓名："+jsonObj.name);

				alert("性别："+jsonObj.sex);

			}

		}

		xhr.send(null);

	}

	function checkName(){

		var xhr;

		if(window.XMLHttpRequest){

			xhr = new XMLHttpRequest();

		}

		xhr.open("get", "getAjax03?userName="+document.getElementById('userName').value+"", true);

		var jsonObj;

		var jsonStr;

		var jiaoyan  = document.getElementById("userName").value; //用于获取到输入框的值

		var jiaodian = document.getElementById("userName");　　　　//用于设置默认焦点，注意与上面一行的差别。

		alert("jiaoyan:"+jiaoyan);

		if(jiaoyan===""||jiaoyan===undefined){

			alert("用户名不能为空");//判断是否为空;

			jiaodian.focus();　　　//设置默认焦点,把默认焦点设置为注册用户名的input中。

		}

		xhr.onreadystatechange = function(){

			if(xhr.readyState==4){

				jsonStr = xhr.responseText;

				alert("jsonStr:"+jsonStr);

				jsonObj = JSON.parse(jsonStr);

				var userName = jsonObj.userName;

				document.getElementById("span").innerHTML=userName;

				//注意上面的innerHTML属性,而不是.value属性,切记,给页面上的span标签设置值。

			}

		}

		xhr.send(null);

	}

</script>

　　

<body>

	失去焦点值：<input type="text" onclick="getAjax()" id="a" /></br>

	注册名:<input type="text" onblur="checkName()" id="userName" /><span class="tishi" id="span"></span></br>

	密码:<input type="text" onblur="checkPassWord()" id="password" /></br>

</body>

　　下面是Java代码：

public class GetAjax03 extends HttpServlet{

	@Override

	protected void service(HttpServletRequest request, HttpServletResponse response)

			throws ServletException, IOException {

		// TODO Auto-generated method stub

		response.setCharacterEncoding("utf-8");

		PrintWriter out = response.getWriter();

		JSONObject jsonObj = new JSONObject();

		jsonObj.put("name", "weiyongle");

		jsonObj.put("sex", "nan");

		System.out.println("jsonObj:"+jsonObj);

		String userName = request.getParameter("userName");

		System.out.println("userName:"+userName);

		if(userName.equals("weiyongle")){

			jsonObj.put("userName", userName+"已经注册，请修改注册名");

		}else{

			jsonObj.put("userName", userName+"可以正常注册");

		}

		out.print(jsonObj);

		System.out.println("jsonObj:"+jsonObj);

		out.close();

	}

}

　　下面是web.xml

  <servlet>

  	<servlet-name>getAjax</servlet-name>

  	<servlet-class>com.wyl.web.GetAjax03</servlet-class>

  </servlet>

  <servlet-mapping>

  	<servlet-name>getAjax</servlet-name>

  	<url-pattern>/getAjax03</url-pattern>

  </servlet-mapping>

　　

Ajax,设置默认焦点以及判断是否为空的更多相关文章

  1. ajax设置默认值ajaxSetup()方法

    $(function(){ //设置全局 jQuery Ajax全局参数 $.ajaxSetup({ type:"POST", async:false, cache:false, ...

  2. winform中设置窗体的默认焦点

    winform的窗体中,有时候需要设置默认焦点,有时候需要取消默认焦点. 设置默认焦点,最简单的方法就是设置这个控件的tabIndex,例:textBox1.TabIndex = 0; 也可以在窗体事 ...

  3. winform 中设置窗体的默认焦点

    转载:http://www.cnblogs.com/weekzero/p/3504513.html winform的窗体中,有时候需要设置默认焦点,有时候需要取消默认焦点. 设置默认焦点,最简单的方法 ...

  4. JS判断内容为空方法总结

    HTML代码: 用户名:<input type="text" id="username"> <p style="color:red& ...

  5. winform窗口打开后文本框的默认焦点设置

    原文:http://blog.csdn.net/kongwei521/article/details/6871411 winform窗口打开后文本框的默认焦点设置,进入窗口后默认聚焦到某个文本框,两种 ...

  6. c# winform 设置winform进入窗口后在文本框里的默认焦点

    c# winform 设置winform进入窗口后在文本框里的默认焦点 进入窗口后默认聚焦到某个文本框,两种方法: ①设置tabindex 把该文本框属性里的tabIndex设为0,焦点就默认在这个文 ...

  7. delphi 设置默认控件得到焦点

    如果同一窗体有多个按钮的话,追踪源码发现最后是taborder来的 如: 在空白窗体上拖入两个button (btn1,btn2) 如果在btn2设置default = True 运行后,默认焦点还是 ...

  8. Winform 判断打印机是否可用，实现设置默认打印机功能

    Winform 判断打印机是否可用,实现设置默认打印机功能 http://www.cnblogs.com/zfanlong1314/p/3878563.html

  9. Winform给TextBox设置默认值

    Winform给TextBox设置默认值(获取焦点后默认值消失) 主要是通过TextBox的获取焦点Enter和失去焦点Leave两个事件来实现的, 思路如下: 1.设置一个字符串常量,作为TextB ...

随机推荐

  1. Dojo实现Tabs页报错（一）

    1.在用Dojo写tab页的过程中出现了一些错误 dojo源码如下: <%-- Document : grid Created on : 2013-12-15, 18:05:47 Author ...

  2. Push segues can only be used when the.....

    刚刚遇到的两个错误,. 1, Terminating app due to uncaught exception'NSGenericException', reason: 'Push segues c ...

  3. ElasticSearch 插件配置

    http://blog.sina.com.cn/s/blog_8f31e5b10101dsnq.html http://www.tuicool.com/articles/mMZfu2 http://b ...

  4. Json.Net系列教程 1.Json.Net介绍及实例

    原文 Json.Net系列教程 1.Json.Net介绍及实例 本系列教程假设读者已经对Json有一定的了解,关于Json在这里不多说.本系列教程希望能对读者开发涉及到Json的.Net项目有一定的帮 ...

  5. Hello China操作系统STM32移植指南（二）

    移植步骤详解 下面就以MDK 4.72为开发环境,详细说明Hello China内核向STM32的移植过程.MDK 4.72评估版只支持32K代码的编译,这对Hello China的内核来说,裁剪掉一 ...

  6. [置顶] 【J2SE 】1136 容器之旅

    开篇引言 本篇文章我将要详细的介绍一下什么是容器?以及什么是1136?来系统全面的了解容器,以及容器的应用,下面就进入我们的容器之旅吧! 1.什么是容器? 用来存储和组织其他对象的对象.我们也可以这样 ...

  7. 【剑指Offer学习】【面试题36：数组中的逆序对】

    题目:在数组中的两个数字假设前面一个数字大于后面的数字.则这两个数字组成一个逆序对.输入一个数组.求出这个数组中的逆序对的总数. 举例分析 比如在数组{7, 5, 6, 4 中, 一共存在5 个逆序对 ...

  8. word中创建文本框

    word中创建文本框         在插入中点击"文本框"选项卡,例如以下图所看到的:        手工加入自己想要的文本框格式,然后选择所创建的文本框,在工具栏处会发现多了一 ...

  9. Android中库项目、jar包等的使用方法

    在软件开发过程中,程序代码的复用,是非常重要的概念.我们总是需要使用一些现有的模块.包.框架,或开发自己的模块.包.框架,来实现对程序代码的复用.比如在JavaWeb编程过程中,经常使用的Struts ...

  10. ps快速删除圆角图片旁白的白色区域方法

    简单实用5招的ps快速删除圆角图片旁白的白色区域方法 1.图像-模式-rgb颜色 2.双击背景取消图层锁定 3.用魔棒工具点击要删除的区域 4.delete删除 5.另存为png图片