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

ajax根本实现

更新时间: 2014-01-05 01:53:56 责任编辑: Author_N1

 

Ajax基本实现
Ajax基本实现原理
也叫异步刷新,局部刷新
主体可分为三部分:
1.创建xmlHttp对象
2.执行方法过程
3.处理回调函数
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<html>
  <head>
    <script type="text/javascript">
      var xmlHttp=null;            //声明xmlHttp变量
      function Checker(){          //主函数调用,触发事件
	    xmlHttp=createXml();       //初始化xmlHttp变量,获取当前浏览器值
		var obj=document.getElementById("aaa");  //...获得控件值
		xmlHttp.open("post","check2.jsp",true);  //打开xmlHttp连接
		xmlHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
		//设置content—type,这是使用post必须指明传递的信息类型
		xmlHttp.send("name="+obj.value+"&age=33");//发送数据变量
		xmlHttp.onreadystatechange=callback;      //指明回调函数

      }
      function createXml(){        //创建xmlHttp对象
		if(window.XMLHttpRequest){
			xmlHttp=new XMLHttpRequest();
		}else{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		return xmlHttp;
	  }
	  
	   function callback(){            //回调函数
	     if(xmlHttp.readyState==4){    //判断xmlHttp状态
		   cText=xmlHttp.responseText;
		   s1.innerHTML=cText;
		 }
	   }
    </script>
  </head>
  
  <body>
  用户名:<input type="text" id="aaa" onblur="Checker()" /><span id="s1">请输入用户名</span><br/>
      密码:<input type="text"/>
  </body>
</html>

下面是check2.jsp的代码
<%@ page language="java" import="java.util.*,java.net.*" pageEncoding="GB18030"%>
<% 
    request.setCharacterEncoding("gbk");   //设置编码格式
    String name=request.getParameter("name");  //接受参数
    String age=request.getParameter("age");
    System.out.println(name+","+age);         //测试打印参数
    out.clear();
    out.println("提示信息"); %>            //回传信息

结束
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

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