ajax异步调用,Ajax技术概要复习及使用Ajax调用jsp或servlet进行异步验证

在注册用户等情况下会需要Ajax进行异步验证用户是否存在,而这个验证信息在JAVA中可以放到JSP中,也可以放到servlet类中,而两者的差异就如果我们使用jsp和servlet做web应用的差异是相同的。由此也体现了jsp和servlet的关系,在《Servlet和JSP的关系以及此关系在Tomcat中的体现》有所阐述!在简单呈现和比对各自实现的代码前先对AJAX的技术知识做个复习小结!
Ajax的主干内容如下所示:
未命名图片ajax异步调用,Ajax技术概要复习及使用Ajax调用jsp或servlet进行异步验证
使用Ajax的主要过程包括1、创建XMLHttpRequest对象,2、设置回发函数,3、指定信息发送位置、提交的方式和异步与否,4、发送请求。javaScript代码如下所示:
1: <script type="text/javascript">
2: var XMLHttpRequestIns = null;
3:
4: function AjaxF() {
5: //创建Ajax核心对象并传递参数
6: CreateXMLHttpRequest();
7: //设置参数
8: XMLHttpRequestIns.onreadystatechange = handleStateChange;//设置回发函数
9: //获取内容的位置
10: XMLHttpRequestIns.open("GET", "XMLFile1.xml", true);
11: //发送
12: XMLHttpRequestIns.send(null);
13: }
14: function CreateXMLHttpRequest() {
15: if (window.ActiveObject) {
16: XMLHttpRequestIns = new ActiveXObject("Microsoft.XMLHTTP");
17: }
18: else if(window.XMLHttpRequest )
19: {
20: XMLHttpRequestIns = new XMLHttpRequest();
21: }
22: }
23: //对返回数据进行处理
24: function handleStateChange() {
25: if (XMLHttpRequestIns.readyState == 4) {
26:  
27: if (XMLHttpRequestIns.status == 200) {
28: alert("服务器消息" + XMLHttpRequestIns.responseText);
29: }
30: }
31: }
32: </script>
有了这个基础和容易在java EE中使用Ajax调用jsp或servlet进行处理,但调用两者有些细微的差异,这个差异也源自jsp和servlet的关系!代码如下:
Tags:  异步调用 js调用ajax ajax调用 ajax异步刷新 ajax异步调用

延伸阅读

最新评论

发表评论