jsp页面部分代码:
<form name="myForm" method="get">
<input type="text" name="input1" />
<input type="button" value="Click" onclick="ajaxFunctio();" />
<input type="text" name="output1" />
</form>
ajaxFunction所在的js代码,其中就有ajax的内容:
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
url="output.action?salt"+new Date();
xmlHttp.open("get",url,false);
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{ if(xmlHttp.status==200){
document.myForm.output1.value=xmlHttp.responseText.toString();
}
}
}
xmlHttp.send();
}
action中的get方法:
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
System.out.println("here is the get function");
PrintWriter out = response.getWriter();
response.setContentType("text/html");
String input1=request.getParameter("input1");
System.out.println(input1);
if("mage".equalsIgnoreCase(input1)){
System.out.println("you have entered mage"); //不要怪我,我也是v大迷。
out.print("vurtne");
out.flush();
out.close();}else{
System.out.println("you have not entered mage");
out.print("drakedog"); //也不要怪我,我觉得dd打的也不错。
out.flush();
out.close();
}
}
web.xml配置内容:
<servlet>
<description>This is the description of my J2EE component</description>
<display-name>This is the display name of my J2EE component</display-name>
<servlet-name>OutputAction</servlet-name>
<servlet-class>com.test.action.OutputAction</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>OutputAction</servlet-name>
<url-pattern>*.action</url-pattern>
</servlet-mapping>
分享到:
相关推荐
采用js jsp ajax实现网页局部刷新技术
使用ajax和jsp servlet实现网页局部刷新,,,聊天功能
NULL 博文链接:https://congpeixue.iteye.com/blog/254799
拒绝Ajax,同样让你的网页局部刷新,异步递交。 避开使用JavaScript的异步递交。 这个压缩包为本人试验的结果。 里面的access数据库为以前做网站留下来的,为处理,不好意思
使用Servlet+Jsp+JDBC实现增删改查,前台显示界面使用JavaScript、Ajax与后台交互进行登录验证,并对查询结果实现分页、局部刷新,以及复选框(全选、反选)操作,适合Web开发的初学者
使用jsp/servlet/Ajax,实现的猜数游戏,实现了页面的局部刷新效果!
实现网页无闪自动局部刷新,通过异步传输XMLHTTP发送参数到ajaxServlet,返回符合条件的XML文档
Ajax+Servlet实现不刷新页面更新局部数据,java web工程实例
功能:选中第一个下拉框,局部刷新第二个下拉框的值,且每次选中第一个下拉框,第二个下拉框都会有对应的值提供选择。主要使用了MySQL,jdbc,servlet,jsp,而异步是使用了原生的JS和XMLHttpRequest异步对象实现的...
4.利用ajax技术,返回xml格式数据并处理,实战案例是实现局部刷新菜单;鼠标点击菜单收缩功能;鼠标点击弹出商品明细功能;模糊查询,模拟百度搜索框功能。 5.利用ajax技术,返回JSON格式数据; 6.利用JQuery的$....
1、jQurey使用时需导入jquery-1.4.2.js在web文件夹...定义响应ajax的Servlet String buttonName=request.getParameter("buttonName"); JSONObject jsObject =null; //定义一个要返回的的数据 if (buttonName.equals
作用:用于完成网页局部刷新功能(修改少量数据只用局部刷新,不用再整个网页重新加载); 二、SpringMVC和Jquery的简单介绍 SpringMVC:是基于Spring的一个子框架(MVC框架),功能强于Spring,这个框架主要是解决...
import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class
同时,使用了AJAX技术实现页面的局部刷新,提升了用户体验。 后端实现 后端处理主要通过Servlet接收用户请求,并与数据库进行交互。系统采用了DAO模式进行数据库操作的封装,提高了代码的复用性。 功能实现 系统...
使用oracle数据库 hibernate框架 servlet ajax分页局部刷新 条件查询 重在分页的servlet的代码
ajax对于各位来说,应该都不陌生,正因为ajax的产生,导致前台页面和服务器之间的数据传输变得非常容易,同时还可以实现页面的局部刷新。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味...
特点: 返回一张页面的局部内容 异步刷新 ajax 1 异步请求对象 xhr javascript对象 ---- 浏览器中 ---- 浏览器差异 window.XMLHttpRequest window.ActiveXObject Firefox XMLHttpRequest var ...
2、 Ajax我们主要应用就是xmlhttprequest,回调函数实现局部刷新达道数据更新! 4.2需求分析 Blog网站主要是实现注册用户登录、管理相关信息、博文及相关评论、查看留言、友情链接、及图片的上传和图像的播放而为...
167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...