`
xsuo
  • 浏览: 123408 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

ajax简单实例(js内产生xmlHttpRequest,它和servlet交互返回xml显示在页面)

阅读更多
--------------------------------AJAX.html-------------------------------------------




<script type="text/javascript">
/*通过异步传输XMLHTTP发送参数到ajaxServlet,返回符合条件的XML文档*/
function getResult(){
var url = "ajaxServlet?action=send";
if (window.XMLHttpRequest){
req = new XMLHttpRequest();
}else if (window.ActiveXObject)
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req)
{
req.open("GET",url, true);
req.onreadystatechange = complete;
req.send(null);
}
}
/*分析返回的XML文档*/
function complete(){
if (req.readyState == 4)
{
if (req.status == 200){
var type = req.responseXML.getElementsByTagName("type_name");
var str=new Array();
for(var i=0;i<type><br>str[i]=type[i].firstChild.data;<br>document.all['td'].innerHTML+=str[i]+"<br>";<br>}<br>}<br>}<br>}<br>&lt;/script&gt;<br><br></type>







---------------------------------ajaxServlet.java-----------------------------------------------------
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; public class ajaxServlet extends HttpServlet{
private static final String CONTENT_TYPE = "text/xml; charset=gb2312";
public void init() throws ServletException{}
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException
{
response.setContentType(CONTENT_TYPE);
PrintWriter out = response.getWriter();
String action = request.getParameter("action");
if (("send").equals(action))
{
StringBuffer sb = new StringBuffer("<type>");<br>sb.append("<type_name>AA</type_name>");<br>sb.append("<type_name>BB</type_name>");<br>sb.append("<type_name>CC</type_name>");<br>sb.append("<type_name>DD</type_name>");<br>sb.append("</type>");
out.write(sb.toString());
out.close();
}
}
}
--------------------------------web.xml------------------------------------------------------
<?xml version = '1.0' encoding = 'UTF-8'?>
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "<a href="http://java.sun.com/dtd/web-app_2_3.dtd">http://java.sun.com/dtd/web-app_2_3.dtd</a>">

<description>Empty web.xml file for Web Application</description>
<servlet><br><servlet-name>ajax</servlet-name><br><servlet-class>ajaxServlet</servlet-class><br></servlet>

<servlet-name>ajax</servlet-name>
<url-pattern>/ajaxServlet</url-pattern>
分享到:
评论

相关推荐

    Ajax和servlet数据交互小实例

    Ajax(异步JavaScript和XML)技术允许我们在不刷新整个网页的情况下与服务器交换数据和更新部分网页内容,而Servlet是Java服务器端编程的一个重要组成部分,用于处理HTTP请求和响应。 1. **Ajax基础**: - **什么...

    AJAX+servlet实例入门

    AJAX+servlet实例入门是一个简单的Web应用程序,它可以帮助开发者快速入门AJAX和Servlet技术。通过这个实例,开发者可以学习如何使用AJAX和Servlet来实现异步交互、响应速度快、复杂UI的成功处理等功能。

    Ajax+Servlet 实例

    Ajax(Asynchronous JavaScript and XML)技术是现代Web开发中的关键组成部分,它允许在不刷新整个页面的情况下与服务器进行异步数据交互。Servlet是Java Web开发中的一个标准,用于处理和响应HTTP请求。在这个实例...

    Ajax + JSON + Servlet + prototype.js(实现的一个Ajax实例)

    Ajax,全称为Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。Ajax的核心是利用JavaScript来创建XMLHttpRequest对象,这个对象是浏览器提供的...

    Eclipse平台下的 Servlet AJAX代码实例.rar

    总之,"Eclipse平台下的Servlet AJAX代码实例"是一个很好的学习资源,它展示了如何在JSP页面中集成Servlet和AJAX技术,实现动态交互的Web应用。通过实践这个项目,开发者可以深入理解这两种技术的工作原理,提升Web...

    Servlet及Ajax数据交互

    Ajax,即Asynchronous JavaScript and XML,是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在客户端,我们可以使用JavaScript的XMLHttpRequest对象或者更现代的fetch API来实现Ajax请求。...

    ajax使用例子 包括返回xml

    总结,Ajax技术极大地提升了Web应用的交互性和响应速度,通过"ajax_xml运用.doc"文档和"AjaxDemo"项目,我们可以学习到如何结合JavaScript和XML,实现在不刷新页面的情况下,动态地获取和显示数据。这对于我们理解和...

    简单Ajax实例(带前后台交互)

    例如,index.jsp中的JavaScript会监听表单提交事件,通过XMLHttpRequest对象发送数据到ajaxServlet,后端处理请求后,将结果返回给前端,前端再更新页面显示结果,所有这些操作都不会导致整个页面的刷新。...

    AJAX实例入门讲解

    这个简单的AJAX实例展示了如何利用JavaScript和Servlet实现动态交互。AJAX技术的运用不仅限于此,它还可以用于实时聊天、动态加载内容、表单验证等多种场景,大大增强了Web应用程序的交互性和性能。 在实际开发中,...

    JSON servlet实例 Ajax应用

    Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下更新部分网页内容。 在这个"JSON Servlet实例 Ajax应用"中,我们将探讨如何使用Servlet与客户端进行JSON数据...

    基于jsp+servlet+Ajax异步登陆模拟web项目

    【基于jsp+servlet+Ajax异步登陆模拟web项目】是一个典型的Web开发实例,它整合了三种核心技术:JavaServer Pages(JSP)、Servlet以及Asynchronous JavaScript and XML(Ajax)。这个项目的核心目的是实现用户登录...

    ajax和servlet验证实例

    在Web开发中,Ajax(Asynchronous JavaScript and XML)与Servlet是两种非常重要的技术。Ajax允许在不刷新整个页面的情况下,实现局部数据的异步更新,极大地提升了用户体验。Servlet则是Java Web开发中的服务器端...

    AJAX+servlet实例入门,搞定AJAX简单易学

    AJAX(Asynchronous JavaScript and XML)与Servlet技术的结合,是Web开发中实现异步数据交互的重要手段。AJAX允许Web应用在不刷新整个页面的情况下,与服务器进行数据交换,提高了用户体验。本教程将带你入门AJAX和...

    AJAX+servlet入门实例用户注册

    在Web开发中,AJAX(Asynchronous JavaScript and XML)和Servlet是两种关键的技术,它们共同构建了动态、交互性强的Web应用程序。这个入门实例将向我们展示如何利用AJAX与Servlet实现用户注册功能,从而提升用户...

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

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这使得网页更加用户友好,提高了用户体验,...

    JSP+Ajax经典开发实例

    在Web开发领域,JSP(JavaServer Pages)与Ajax(Asynchronous JavaScript and XML)的结合是构建动态、交互性网页的强大工具。本经典实例深入探讨了如何利用这两种技术来提升用户体验,提供更高效的数据交换与页面...

    AjAX程序实例源码

    在JavaScript中,XMLHttpRequest对象是实现Ajax通信的关键,它提供了与服务器通信的能力,可以发送GET或POST请求,并接收服务器返回的数据。 【Ajax请求过程】 1. 创建XMLHttpRequest对象:在JavaScript中,我们...

    Servlet+Ajax实现简易的仿百度搜索框智能提示

    1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器通信。在我们的例子中,当用户在搜索框中输入时,JavaScript监听键盘事件,触发Ajax请求。 2. **JSON数据交换**:尽管名称中包含...

    JSP&Servlet&JavaScript&Ajax&jQuery源代码

    这些文件名称列表揭示了一个关于Web开发的教程结构,主要涵盖了JSP(JavaServer Pages)、Servlet、JavaScript、Ajax和jQuery这五个关键的技术。接下来,我们将详细探讨这些技术及其在实际应用中的重要性。 **JSP...

Global site tag (gtag.js) - Google Analytics