`
hai0378
  • 浏览: 533564 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

AJAX之开发实例介绍

 
阅读更多 
<html>
<head>
	<title>www.MLDNJAVA.cn</title>
	<script language="javascript">
       var xmlHttp ;
	   function createXMLHttp(){   //AJAX创建代码
	     if(window.XMLHttpRequest){
		     xmlHttp = new XMLHttpRequest();  //firefox浏览器内核
		 } else {
		     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		 }
	   }
	  function checkUserid(userid){
	     createXMLHttp();
		 xmlHttp.open("POST","CheckServlet?userid="+userid);
		 xmlHttp.onreadystatechange = checkUseridCallback
		 xmlHttp.send(null);
		 document.getElementById("msg").innerHTML = "正在验证...";
	  }
	  function checkUseridCallback(){
	     if(xmlHttp.readyState == 4){
		    if(xmlHttp.status == 200){
			  alert("************");
			    var text = xmlHttp.responseText;
				if(text == "true"){
				  document.getElementById("msg").innerHTML = "用户ID重复，无法使用!";
				} else {
				    document.getElementById("msg").innerHTML = "此用户ID可以注册!";
				} 
			}
		 }
	  }
	</script>
</head>
<body>
<form action="regist.jsp" method="post">
  用户ID： <input type="text" name="userid" onblur="checkUserid(this.value)"><span id="msg"></span><br>
  姓&nbsp;&nbsp;&nbsp;&nbsp;名：<input type="text" name="name"><br>
  密&nbsp;&nbsp;&nbsp;&nbsp;码  <input type="password" name="password"><br>
  <input type="submit" value="注册">
  <input type="reset" value="重置">
</form>
</body>
</html>

 

 2,CheckServlet.java

 

package org.lxh.ajaxdemo;
import java.sql.* ;
import java.io.* ;
import javax.servlet.* ;
import javax.servlet.http.* ;
public class CheckServlet extends HttpServlet{
	public static final String DBDRIVER = "org.gjt.mm.mysql.Driver";
	public static final String DBURL = "jdbc:mysql://localhost:3306/mldn";
	public static final String DBUSER = "root" ;
	public static final String DBPASS = "123456" ;

	public void doGet(HttpServletRequest request ,
		               HttpServletResponse response) throws ServletException,IOException {
	 this.doPost(request,response);
	}
	public void doPost(HttpServletRequest request ,
		               HttpServletResponse response) throws ServletException,IOException {
	  request.setCharacterEncoding("GBK");
	  response.setContentType("text/html");
	  Connection conn = null;
	  PreparedStatement pstmt  =null;
	  ResultSet rs = null;
	  PrintWriter out = response.getWriter();
	  String userid =  request.getParameter("userid");
	  try {
    	  Class.forName(DBDRIVER);
		  conn = DriverManager.getConnection(DBURL,DBUSER,DBPASS);
		  String sql  = "SELECT COUNT(userid) FROM user WHERE userid=?";
          pstmt = conn.prepareStatement(sql);
		  pstmt.setString(1,userid);
		  rs  = pstmt.executeQuery();
		  if(rs.next()){
		     if(rs.getInt(1) > 0){
			   out.print("true");
			 } else {
			   out.print("false");
			 }
		  }
		System.out.println("**********************");
	  }catch(Exception e){
	     e.printStackTrace();
	  }finally {
	    try
	    {
	    	conn.close();
            
	    }
	    catch (Exception e) { }
	  }
	}
};
 

2,CityServlet.java  

package org.lxh.ajaxdemo ;
import java.io.* ;
import org.w3c.dom.* ;
import javax.xml.parsers.* ;
import javax.xml.transform.* ;
import javax.xml.transform.dom.* ;
import javax.xml.transform.stream.* ;
import javax.servlet.* ;
import javax.servlet.http.* ;

public class CityServlet extends HttpServlet {
	public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
		this.doPost(request,response) ;
	}
	public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
		response.setContentType("text/xml;charset=GBK") ;
		PrintWriter out = response.getWriter() ;
		ByteArrayOutputStream bos = new ByteArrayOutputStream() ;
		try{
			DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance() ;
			DocumentBuilder builder = factory.newDocumentBuilder() ;
			Document doc = builder.newDocument() ;
			String data[] = {"北京","南京","上海","天津","香港"} ;
			Element allarea = doc.createElement("allarea") ;
			for(int x=0;x<data.length;x++){
				Element area = doc.createElement("area") ;	
				Element id = doc.createElement("id") ;
				Element title = doc.createElement("title") ;
				id.appendChild(doc.createTextNode("" + (x+1))) ;
				title.appendChild(doc.createTextNode(data[x])) ;
				area.appendChild(id) ;
				area.appendChild(title) ;
				allarea.appendChild(area) ;
			}
			doc.appendChild(allarea) ;
			TransformerFactory tf = TransformerFactory.newInstance() ;
			Transformer t = tf.newTransformer() ;
			t.setOutputProperty(OutputKeys.ENCODING,"GBK") ;
			DOMSource source = new DOMSource(doc) ;
			StreamResult result = new StreamResult(bos) ;
			t.transform(source,result) ;
			out.println(bos) ;
			System.out.println(bos) ;
			out.close() ;
		}catch(Exception e){
			e.printStackTrace() ;
		}
	}
}
 

 

分享到：
| Java Web 胡言乱语 之--- JSP标准标签库
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ajax网站开发典型实例JSP源码包

    在本"Ajax网站开发典型实例JSP源码包"中，我们可以深入学习如何使用Ajax与JavaServer Pages (JSP) 结合，创建高效动态的Web应用。 1. **Ajax基础** Ajax的核心是JavaScript对象XMLHttpRequest，它允许JavaScript在...

    JSP+Ajax经典开发实例

    **JSP+Ajax 经典开发实例** 在Web开发领域，JSP（JavaServer Pages）与Ajax（Asynchronous JavaScript and XML）的结合是构建动态、交互性网页的强大工具。本经典实例深入探讨了如何利用这两种技术来提升用户体验，...

    《Ajax应用开发典型实例》

    全书共分为13章，由浅入深、循序渐进地介绍基于Ajax组合查实例、调查程序文例、天气预报实例、会员注册登录验证、股票价格查询、无刷新新闻系统、滚动翻页、上传文件进度条、Ajax调用Web Service应用实例、RSS阅读器...

    Ajax应用开发典型实例

    ASP.NET包括多种开发模型，如Web Forms、MVC和Web API，以及用于Ajax开发的支持。在这个经典案例中，我们很可能会看到如何在ASP.NET Web Forms或MVC中集成Ajax技术。 **Ajax的核心组件** 1. **XMLHttpRequest对象*...

    Ajax程序开发经典实例教程.zip

    本教程“Ajax程序开发经典实例教程”旨在帮助开发者深入理解和掌握Ajax技术，通过实例学习，使学习过程更加直观和易懂。 Ajax的核心在于创建XMLHttpRequest对象，它是JavaScript内置的对象，用于在后台与服务器进行...

    ajax+json实例

    **Ajax+JSON 实例详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术已经成为提升用户体验的重要工具，它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON（JavaScript Object ...

    ajax实例实例实例

    【Ajax 实例详解】 Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它的核心在于JavaScript，通过创建XMLHttpRequest对象，实现后台与服务器的异步数据交换，...

    ajax1.dll 开发实例 .net

    综上所述，这个压缩包提供的内容涵盖了使用C#和.NET框架进行Ajax开发的实际应用，通过“ajax1.dll”库，开发者可以方便地构建异步Web功能。配合提供的指南文档和快速入门资料，初学者和有经验的开发者都能迅速上手，...

    PHP+Ajax网站开发典型实例-源代码

    实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML...

    JSP.Ajax网站开发典型实例

    **JSP与Ajax网站开发典型实例详解** 在Web开发领域，JSP（JavaServer Pages）和Ajax（Asynchronous JavaScript and XML）是两种重要的技术，它们共同构建了动态、交互式的网页应用。本实例将深入探讨如何结合使用这...

    php+Ajax网站开发实例

    综上所述，"php+Ajax网站开发实例"涵盖了从基础的PHP语法、Ajax交互、数据库操作，到安全性、性能优化、前端框架应用、响应式设计以及开发工具的使用等多个方面，对于学习和提升PHP和Ajax的综合应用能力具有很高的...

    Ajax 开发实例（c#）

    **Ajax 开发实例（C#）详解** Ajax（Asynchronous JavaScript and XML）技术是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新，提高了用户...

    Ajax 操作实例 ASP.NET实例

    在ASP.NET开发中，Ajax（Asynchronous JavaScript and XML）技术被广泛用于创建具有高度交互性和响应性的Web应用程序。Ajax的核心优势在于它允许部分页面更新，而无需重新加载整个页面，从而提高了用户体验。在这个...

    Ajax应用开发典型实例-源码

    Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码Ajax应用开发典型实例-源码...

    asp.net+ajax网站开发典型实例（第一篇）

    【ASP.NET与AJAX简介】 ...总之，"asp.net+ajax网站开发典型实例（第一篇）"是学习ASP.NET和AJAX结合应用的良好起点，通过实例化的学习，能有效提升开发者的技能，并为后续的Web开发工作打下坚实基础。

    JSP+Ajax网站开发典型实例_Part_1.rar

    《JSP+Ajax网站开发典型实例》是针对Web开发领域的一种技术组合的实践教程，主要讲解如何使用JavaServer Pages（JSP）与Asynchronous JavaScript and XML（Ajax）来构建动态、交互性强的Web应用程序。本实例集的第一...

    Ajax下拉框实例，Ajax小实例

    Ajax，全称Asynchronous ...总之，Ajax下拉框实例是Web开发中的一个重要实践，它展示了如何通过Ajax技术实现实时数据交互，为用户提供流畅的浏览体验。对于初学者来说，这样的实例是理解Ajax工作原理和应用的宝贵资源。

    ajax登录验证实例

    在Web开发中，Ajax（Asynchronous JavaScript and XML）技术被广泛用于实现页面的无刷新更新，提高用户体验。在这个“ajax登录验证实例”中，我们将深入理解如何使用Ajax进行简单的用户登录验证，尤其适合初学者入门...

    ajax+.net开发实例

    本文将深入探讨Ajax与.NET结合开发的实际应用，以标题“ajax+.net开发实例”为引导，结合描述中的1-4章实例源码，我们将详细解析相关知识点。 1. **Ajax基础**： Ajax的核心是通过JavaScript异步地向服务器发送...

Magicbox
Global site tag (gtag.js) - Google Analytics