下载提示
- 1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
- 2.下载该文档所得收入归上传者、原创者。
- 3.下载的文档，不会出现我们的网址水印。
文档列表
文档介绍
跟我学AJAX技术——如何应用AJAX实现无刷新查询功能的Web应用示例(第一部分)
构建出本示例的Web应用项目
1、新建一个Web应用的Project
项目的名称为StrutsAJAXWebApp,同时再添加一个Web组件,其Context的名称为StrutsAJAXWebApp。
2、将产生出下面的状态
3、添加Struts框架相关的系统包文件
4、
(1) 页面
(2)设计该页面的内容
<%@ page language="java" pageEncoding="gb2312"%>
<%@ taglib uri="http://struts./tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts./tags-html" prefix="html" %>
<%@ taglib uri="http://struts./tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts./tags-tiles" prefix="tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<html:html lang="true">
<head>
<html:base />
<title></title>
<script language="javascript" src="">
</script>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="">
-->
</head>
<body>
<html:form action="/" method="post" >
<table border="0">
<tr>
<td>请输入您的查询的城市名称:</td>
<td><html:text property="cityNameInputID" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<html:button property="sendButton" value="异步发送"
onclick="javascript:sendData();" />
<html:submit property="submitButton" value="同步发送" />
</td>
</tr>
</table>
</html:form>
<div id="showResultMessage">
</div>
</body>
</html:html>
注意:
上面的带有id的div标签的主要作用是实现对显示的内容进行定位。
5、
,并修改该JavaScript文件的缺省编码为gb2312。
否则在JavaScript中如果有中文,将会出现乱码
6、
利用JavaScript向Servlet发送请求和获得服务器端的响应
var httpRequest;
function sendData()
{
var cityNameInputValue = ("cityNameInputID").value;
if ((cityNameInputValue == null) || (cityNameInputValue == ""))
{
alert("您没有输入城市
构建出本示例的Web应用项目
1、新建一个Web应用的Project
项目的名称为StrutsAJAXWebApp,同时再添加一个Web组件,其Context的名称为StrutsAJAXWebApp。
2、将产生出下面的状态
3、添加Struts框架相关的系统包文件
4、
(1) 页面
(2)设计该页面的内容
<%@ page language="java" pageEncoding="gb2312"%>
<%@ taglib uri="http://struts./tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts./tags-html" prefix="html" %>
<%@ taglib uri="http://struts./tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts./tags-tiles" prefix="tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<html:html lang="true">
<head>
<html:base />
<title></title>
<script language="javascript" src="">
</script>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="">
-->
</head>
<body>
<html:form action="/" method="post" >
<table border="0">
<tr>
<td>请输入您的查询的城市名称:</td>
<td><html:text property="cityNameInputID" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<html:button property="sendButton" value="异步发送"
onclick="javascript:sendData();" />
<html:submit property="submitButton" value="同步发送" />
</td>
</tr>
</table>
</html:form>
<div id="showResultMessage">
</div>
</body>
</html:html>
注意:
上面的带有id的div标签的主要作用是实现对显示的内容进行定位。
5、
,并修改该JavaScript文件的缺省编码为gb2312。
否则在JavaScript中如果有中文,将会出现乱码
6、
利用JavaScript向Servlet发送请求和获得服务器端的响应
var httpRequest;
function sendData()
{
var cityNameInputValue = ("cityNameInputID").value;
if ((cityNameInputValue == null) || (cityNameInputValue == ""))
{
alert("您没有输入城市
跟我学ajax技术——如何应用ajax实现无刷新查询功能的web应用示例（第一部分） 来自淘豆网www.taodocs.com转载请标明出处.
猜你喜欢
- 赞美读书的好句好段 7页
- 2024年小学三年级写人作文 3页
- 人教版高中生物复习提纲 7页
- 2024年小升初面试经典英语自我介绍15篇 13页
- 谣言词语的解释及同义词 4页
- 2024年对老婆的检讨书 5页
- 2024年寒假趣事的开头作文（通用35篇） 40页
- 2024年寒假生活心得体会范文（通用50篇） 70页
- 2024年寒假周记（通用34篇） 29页
- 2024年宿舍自查报告范文 12页
- 2024年家长昆虫记读后感 3页
- 2024年家长会家长代表发言稿短篇 6页
- 2024年家电作文400字3篇 4页
- 实用的高三学生的自我鉴定4篇(全文共1781字) 4页
- 实用的项目实施方案模板集锦5篇(全文共6380字.. 4页
相关文档 更多>>
非法内容举报中心
相关标签
最近更新
- 鼓励学习励志的演讲稿（3篇）
- 成熟高管项目融资方案
- 微商培训项目融资方案
- 《生产生活中的流程》
- 《浓硫酸的性质上》
- 2024年小学教师学期工作总结集合14篇
- 2024年武穴市小升初总复习语文测试题含答案..
- 2024年小学思品教研组工作计划
- 《航空运输》 (2)
- 单位感谢信
- 《调试开车交底》
- 初中生心理地图构建策略研究的开题报告
- 刑事赔偿若干问题研究的开题报告
- 小学五年级写人作文800字（五篇）
- 初中家长会教师发言稿
- 《企业发展规划》课件
- 高校招聘方案
- 凉山彝族传统漆器工艺的多重形态及其当代衍..
- 月亮叙事作文(通用6篇)
- 冰裂纹在服装设计中的创新应用中期报告
- 风险规避方案
- 发酵法生产维生素及Β-胡萝卜素竞争策略分析..
- 防雷改造方案
- 防控防护方案
- 锅炉节能方案
- 钢筋混凝土桥施工方案
- 风电机组专项隐患排查治理记录表自查
- 厂房防水补漏施工方案
- 四肢骨折等9个常见病种(手术)早期康复诊疗原..
- 苏教版二年级下册综合实践活动我的飞行梦教..