欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

ajax第一个小实例-菜鸟

更新时间: 2014-01-05 01:54:18 责任编辑: Author_N1

 

AJax第一个小实例--初学者
<%@ 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>
    <script type="text/javascript" src="js/test.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
 
  <body>
  	<form >
    	用户名:<input type="text" id="name" /><br/>
    	
    	<input type="submit" id="OK" value="校验" /> 
    </form>
  </body>
</html>
function ajaxFunction()
		 {
		 var xmlHttp=null;
		 
		 try
		    {
		   // Firefox, Opera 8.0+, Safari
		    xmlHttp=new XMLHttpRequest();
		    }
		 catch (e)
		    {

		  // Internet Explorer
		   try
		      {
		      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		      }
		   catch (e)
		      {

		      try
		         {
		         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		         }
		      catch (e)
		         {
		         alert("您的浏览器不支持AJAX!");
		         return false;
		         }
		      }
		    }
		 return xmlHttp;
		 }

window.onload=function()
{
	
	document.getElementById("OK").onclick=function()
	{
		//alert("wuuuu");
		/*
		 * 1.获取xmlHttpRequest
		 * */
		var xmlReq=ajaxFunction();
		
		/*
		 * 4.接手服务器的响应
		 * 
		 * */
		//alert("wuuuu");
		xmlReq.onreadystatechange=function()
		{
			
			if(xmlReq.readyState==4)
			{
				alert(xmlReq.readyState);
				alert(xmlReq.status);
				if(xmlReq.status==200||xmlReq.status==304)
				{
					alert("wu");
					var data=xmlReq.responseText;
					alert(data);
				}
			}
		}
		
		/*
		 * 2.打开服务器的连接,
		 * 第三个参数为true(异步的)
		 * 第一个参数:传递方法
		 * 第二个方法是路径
		 * */
		//alert("路径整的不对啊???怎么改过来???");
		xmlReq.open("get","/Ajax/Demo1",true);
		alert("adsada");
		/*
		 * 3.发送数据
		 * */
		xmlReq.send(null);
		
		
		
		
	}
	
}
package cn.com.Demo;

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 javax.servlet.jsp.PageContext;

public class Demo1 extends HttpServlet {

	
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
			request.setCharacterEncoding("UTF-8");
			response.setContentType("text/html; charset=utf-8");
			PrintWriter out=response.getWriter();
			//out.write("OK");
			System.out.println("--------------------------------------");

	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

			doGet(request,response);
	}

}


 

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:54:18
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2839/
本文WWW.DOC100.NET DOC100.NET版权所有。