`
Drakedog
  • 浏览: 48182 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

ajax + servlet实现页面局部刷新

阅读更多
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+servlet实现网页局部刷新

    采用js jsp ajax实现网页局部刷新技术

    使用ajax和servlet实现网页局部刷新

    使用ajax和jsp servlet实现网页局部刷新,,,聊天功能

    使用Servlet Ajax 实现 局部刷新下拉列表(附source)

    NULL 博文链接:https://congpeixue.iteye.com/blog/254799

    拒绝Ajax,同样让你的网页局部刷新,异步递交

    拒绝Ajax,同样让你的网页局部刷新,异步递交。 避开使用JavaScript的异步递交。 这个压缩包为本人试验的结果。 里面的access数据库为以前做网站留下来的,为处理,不好意思

    Servlet+Jsp+Ajax分页增删改查

    使用Servlet+Jsp+JDBC实现增删改查,前台显示界面使用JavaScript、Ajax与后台交互进行登录验证,并对查询结果实现分页、局部刷新,以及复选框(全选、反选)操作,适合Web开发的初学者

    jsp/servlet/Ajax实现的猜数游戏

    使用jsp/servlet/Ajax,实现的猜数游戏,实现了页面的局部刷新效果!

    ajax 实现网页无闪自动局部刷新

    实现网页无闪自动局部刷新,通过异步传输XMLHTTP发送参数到ajaxServlet,返回符合条件的XML文档

    Ajax JavaWeb 工程实例

    Ajax+Servlet实现不刷新页面更新局部数据,java web工程实例

    Ajax下拉框级联查询(JDBC+Servlet+XMLHttpRequest异步对象)

    功能:选中第一个下拉框,局部刷新第二个下拉框的值,且每次选中第一个下拉框,第二个下拉框都会有对应的值提供选择。主要使用了MySQL,jdbc,servlet,jsp,而异步是使用了原生的JS和XMLHttpRequest异步对象实现的...

    httpxmlRequest+ajax+jquery+fastjson+jsp异步通讯实战案例精讲

    4.利用ajax技术,返回xml格式数据并处理,实战案例是实现局部刷新菜单;鼠标点击菜单收缩功能;鼠标点击弹出商品明细功能;模糊查询,模拟百度搜索框功能。 5.利用ajax技术,返回JSON格式数据; 6.利用JQuery的$....

    基于ajax及jQurey实现局部刷新过程解析

    1、jQurey使用时需导入jquery-1.4.2.js在web文件夹...定义响应ajax的Servlet String buttonName=request.getParameter("buttonName"); JSONObject jsObject =null; //定义一个要返回的的数据 if (buttonName.equals

    SpringMVC+Jquery实现Ajax功能

    作用:用于完成网页局部刷新功能(修改少量数据只用局部刷新,不用再整个网页重新加载); 二、SpringMVC和Jquery的简单介绍 SpringMVC:是基于Spring的一个子框架(MVC框架),功能强于Spring,这个框架主要是解决...

    Ajax局部刷新应用案例—简单登录

    import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class

    停车场管理系统系统采用JAVAEE,利用SQLSERVER2005,B/S架构

    同时,使用了AJAX技术实现页面的局部刷新,提升了用户体验。 后端实现 后端处理主要通过Servlet接收用户请求,并与数据库进行交互。系统采用了DAO模式进行数据库操作的封装,提高了代码的复用性。 功能实现 系统...

    影片查看项目

    使用oracle数据库 hibernate框架 servlet ajax分页局部刷新 条件查询 重在分页的servlet的代码

    JavaScript中浅讲ajax图文详解

    ajax对于各位来说,应该都不陌生,正因为ajax的产生,导致前台页面和服务器之间的数据传输变得非常容易,同时还可以实现页面的局部刷新。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味...

    Ajax技术课件,保密资料下载

    特点: 返回一张页面的局部内容 异步刷新 ajax 1 异步请求对象 xhr javascript对象 ---- 浏览器中 ---- 浏览器差异 window.XMLHttpRequest window.ActiveXObject Firefox XMLHttpRequest var ...

    基于J2EE框架的个人博客系统项目毕业设计论...

    2、 Ajax我们主要应用就是xmlhttprequest,回调函数实现局部刷新达道数据更新! 4.2需求分析 Blog网站主要是实现注册用户登录、管理相关信息、博文及相关评论、查看留言、友情链接、及图片的上传和图像的播放而为...

    千方百计笔试题大全

    167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...

Global site tag (gtag.js) - Google Analytics