ajax 与 servlet

Ajax实时数据更新
最新推荐文章于 2024-11-19 10:44:10 发布
转载 最新推荐文章于 2024-11-19 10:44:10 发布 · 1k 阅读 · 1
文章标签：

#ajax #servlet #import #xmlhttprequest #class #action

通过Ajax实现HTML页面的无刷新实时数据更新，利用servlet生成随机数，并通过定时调用Ajax请求来更新显示。
 
Ajax异步请求,servlet产生随机数据,Html页面无刷新显示。
运行环境：jdk1.5+tomcat 5.5 

一、ajaxServlet.java

package com;
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 java.util.Random;
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);
 response.setHeader("Cache-Control","no-cache");
 response.setHeader("Pragma","no-cache");
 response.setDateHeader("Expires",0); 
 PrintWriter out=response.getWriter();
 String action=request.getParameter("action");
if(("send").equals(action)){  
  Random random = new Random();
  String AA=Integer.toString(Math.abs(random.nextInt()));
  String BB=Integer.toString(Math.abs(random.nextInt()));
  String CC=Integer.toString(Math.abs(random.nextInt()));
  String DD=Integer.toString(Math.abs(random.nextInt()));
  StringBuffer sb=new StringBuffer();
  sb.append(AA);  sb.append("@@@");
  sb.append(BB);  sb.append("@@@");
  sb.append(CC);  sb.append("@@@");
  sb.append(DD);
  out.write(sb.toString());
  out.close();
  } }}
      
二、testajax.html
<html>
<head>
<title>AJAX.html</title>
</head>
<script type="text/javascript"> 


function getResult(){
  var url = "/Tajax/AajaxServlet?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); 
  } 
} 
/*分析返回的文本文档*/
function complete(){
  if (req.readyState == 4) { 
    if (req.status == 200) { 
      // alert(req.responseText); 
      var strResult = unescape(req.responseText);
      var arrResult = strResult.split("@@@");
      RemoveRow();  //删除以前的数据.
      num1 = arrResult[0]; //字段num1的值
      num2 = arrResult[1]; //字段num2的值
      num3 = arrResult[2];
      num4 = arrResult[3];
      row1= tb.insertRow();
      cell1 = row1.insertCell();
      cell1.innerText = num1;
      cell2 = row1.insertCell();
      cell2.innerText = num2;
      row2= tb.insertRow();
      cell3 = row2.insertCell();
      cell3.innerText = num3;
      cell4 = row2.insertCell();
      cell4.innerText = num4;
    } else { 
      alert('There was a problem with the request.'); 
    } 
  } 
} 
 function RemoveRow(){//保留第一行表头,其余数据均删除.
    var iRows = tb.rows.length;
    for(var i=0;i< iRows-1;i++){
       tb.deleteRow(1);
    }
 }
 function MyShow(){//2秒自动刷新一次,2秒取得一次数据.
  timer = window.setInterval("getResult()",2000);
  }


</script> 

<body onload="MyShow()">
<table width="47%" height="23" border="0" cellpadding="1" cellspacing="0" id="tb">
<tr><td>代码</td>
<td>价格</td>
</tr>
</table>

<form>
<p>输入股票代码:
<input type="text" size="14" name="phone" id="phone"/>
</p>
<p>你交易的数量:</p>
<p><textarea name="order" rows="6" cols="50" id="order"></textarea></p>
<p><input type="submit" value="提交" id="submit" /></p>
</form>

</body>




　 三、web.xml

<?xml version="1.0" encoding="ISO-8859-1"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">

<display-name>Welcome to Tomcat</display-name>
<description>
Welcome to Tomcat
</description>

<servlet>
<servlet-name>AajaxServlet</servlet-name>
<servlet-class>com.ajaxServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AajaxServlet</servlet-name>
<url-pattern>/AajaxServlet</url-pattern>
</servlet-mapping>


</web-app>


zyofprogrammer
关注
ajax与Servlet交互
09-17
使用Struts2和jQuery EasyUI实现简单CRUD系统，从零开始，从基础的ajax与Servlet的交互开始。
实例解读Ajax与servlet交互的方法
09-04
- Servlet（`ajaxServlet`）继承自`HttpServlet`，负责处理来自Ajax请求的数据。在示例中，Servlet没有显示完整的实现，但通常它会执行数据库查询或其他业务逻辑，然后生成XML响应。 - 要注意，Servlet需要处理`...
基于Servlet Ajax编程
ijavagos
01-03 267
AJAX 全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做 法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应...
AJAX与Servlet的相关使用
纸上得来终觉浅,绝知此事要躬行
08-24 1492
使用AJAX大多数还是与servlet有关系的，尝试了
Ajax+Servlet
qq_44760975的博客
08-15 292
学生选课系统 功能：使用Ajax+Servlet，实现鼠标从学号文本输入域离开后，如果该学号在数据库中已经存在，使用alert提示：“该学号已存在，请输入其它学号”。 Ajax代码 <script> $(function () { $("#sno").blur(function () { var num = $(this).val(); if (num == '') { $("#sp1").text('学号不能为空 ×')
ajax和servlet结合，一个简单的ajax测试总结
dgaowyuan123的专栏
09-08 428
一个即时反应的select标签： index.jsp: String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName
Ajax与servlet后台交互，数据类型JSON
06-04
在Web开发中，Ajax（Asynchronous JavaScript and XML）与Servlet的交互是常见的技术组合，用于构建动态、异步的用户界面。本知识点主要探讨如何利用Ajax进行前后台数据交换，特别是当后台服务（Servlet）返回的数据...
Ajax与Servlet传值示例及乱码处理
在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术与Servlet的结合使用是实现动态网页和前后端交互的常用手段。AJAX可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容，而Servlet...
掌握AJAX与Servlet技术的文档入门教程
标题《AJAX+servlet实例入门（doc文档）》指的是一篇旨在帮助初学者理解并掌握如何通过实例来学习使用AJAX技术与servlet结合进行Web应用开发的文档。AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载...
Ajax 与 Servlet
华 英雄
03-28 841
  Ajax异步请求,servlet产生随机数据,Html页面无刷新显示。运行环境：jdk1.5+tomcat 5.5 一、ajaxServlet.javapackage com;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import j
用ajax实现html与servlet的数据交互
03-30
实验环境 jdk8，Version: Mars Release (4.5.0) 其中有原始的以ajax方式实现html与servlet的交互 也包括了使用Jquery Ajax实现交互，包括以get方式提交时候乱码问题的处理。
AjaxServlet
12-26
Ajax+Servlet+jsp开发搜索框
ajax和java servlet交互
12-11
ajax和java servlet交互
ajax与Servlet
weixin_33781606的博客
06-29 122
1.后台返回text类型的数据 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" ...
Ajax + Servlet 技术应用实践指南
最新发布
weixin_42499004的博客
11-19 1100
本文还有配套的精品资源，点击获取 简介：本文介绍了Ajax和Servlet在网络开发中的核心作用，详细阐述了Ajax的核心技术组件和Servlet的处理流程。Ajax通过异步方式更新网页内容，提升用户体验，而Servlet作为服务器端组件处理HTTP请求。文章进一步探讨了两者的结合在数据异步获取更新、表单验证和分页无限滚动等场景下的应用，并提及了Java端口扫描器在网络诊断...
Java——通过ajax与servlet进行简单的前后交互
Lanly-Li的博客
08-04 2090
今天我们一起来学习一下通过ajax和servlet实现一个简单的登录验证的前后交互 首先我们通过ajax将前端页面得到的数据传到我们的servlet中，也ajax将servlet中传回的返回值进行处理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Inser...
servlet需要和ajax,如何使用Servlet和Ajax？
weixin_39631263的博客
08-06 1037
我是Web应用程序和Servlet的新手，我有以下问题：每当我在Servlet中打印某些内容并由网络浏览器调用它时，它将返回一个包含该文本的新页面。 有没有一种方法可以使用Ajax在当前页面中打印文本？#1楼我将向您展示servlet的整个示例以及ajax调用的方式。在这里，我们将创建一个简单的示例，以使用servlet创建登录表单。index.htmlName:Password:这是ajax示例...
【Ajax】第一课 Ajax访问Servlet解析Json格式
笔触狂放的博客
05-17 1946
概念 ajax（Web数据交互方式），Ajax即AsynchronousJavascriptAndXML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括:HTML或XHTML, CSS,JavaScript,DOM, XML,XSLT, 以及最重要的XMLHttpRequest。[3]使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得...
AJAX与Servlet结合实现动态交互
在AJAX（Asynchronous JavaScript and XML）与Servlet的结合中，我们可以创建更加用户友好的Web应用程序。AJAX的核心优势在于它能够允许网页在不重新加载整个页面的情况下与服务器进行数据交互，提高了用户体验，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值