使用 ServletApi 实现 ajax | 学习笔记

简介: 快速学习使用 ServletApi 实现 ajax,介绍了使用 ServletApi 实现 ajax 系统机制, 以及在实际应用过程中如何使用。

开发者学堂课程【Java Web开发系列课程 - Struts2框架入门使用 ServletApi 实现 ajax】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/537/detail/7326


使用 ServletApi 实现 ajax

 

一、使用 ServletApi 实现 ajax

我们来写个案例,把17struts2_bath 复制一下,

改成18struts2_ajax

image.png

再将 BatchAction.java 和 UserAction.java 删除

image.png

再把 batchObject.jsp 和 hobbies.jsp 删除

image.png

然后把 jquery 导过来,这个步骤和之前讲的一样。

现在编辑 Ajax.jsp

Ajax.jsp

<script type="text/javassript”src.="js./jauenx-1.11.3.js."></script>

<script type= "text/jaxassnipt">

$(funetionl){

$( '#btn!).click(function(){

$.post( "aiax-action" ,function(data){

$('#msg')- html( data) ;

});

});

});

</script>

</head>

<body>

<input type="button" id="btn" value="获取aiax,信息"/>

<h3 id="msg"></h3>

</body>

当 Ajax.jsp 写好之后,我们要发送请求,它会去到 action,我们再建一个 AjaxAction

所有的 ajax 请求我们都可以向上述情况去处理。

public class AjaxAction {

public string execute( ) throws IOExseption

HttpServletResponserespresp =ServletActionContext ·getResponss();

resp.setCharasternsoding("utf-8");

resp-getwriten(). print( " struts ajax");

return null;

}

}

这个 AjaxAction 就写好了,需要再配置一下

<struts>

<packagename="default"extends="list-default" namespace=" /">

<action name="ajax" class="cn. sxt.action.AjaxAction">

</action>

</package>

</struts>

编辑好 struts.xml 后进行发布,要检查能不能获取 ajax 信息

image.png

在 struts2里面,可以采用 ServletApi 去实现 Ajax 请求,也就是说,我们会发现struts2是对 servletapi 进行包装,使得 struts2更加方便。

Jsp 页面

<script type="text/javassript”src.="js./jauenx-1.11.3.js."></script>

<script type= "text/jaxassnipt">

$(funetionl){

$( '#btn!).click(function(){

$.post( "aiax-action" ,function(data){

$('#msg')- html( data) ;

});

});

});

</script>

</head>

<body>

<input type="button" id="btn" value="获取aiax,信息"/>

<h3 id="msg"></h3>

</body>

Action 代码

public class AjaxAction {

public string execute( ) throws IOExseption

HttpServletResponseresp resp =ServletActionContext ·getResponss();

resp.setCharasternsoding("utf-8");

resp-getwriten().print( " struts aiax");

return null

}

}

Struts.xml 配置文件

<package name="default" extends="list-default" namespace=" /">

<action name="ajax" class="cn. sxt.action.AjaxAction">

</action>

</package>

相关文章
|
5月前
|
JSON 前端开发 JavaScript
AJAX 课程学习笔记三
AJAX 课程学习笔记三
|
5月前
|
JSON 缓存 前端开发
AJAX 课程学习笔记二
AJAX 课程学习笔记二
|
5月前
|
XML 前端开发 JavaScript
AJAX 课程学习笔记一
AJAX 课程学习笔记一
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤3
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤3
67 0
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤1
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤1
56 0
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤4
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤4
57 0
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤2
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤2
49 0
|
XML JSON 前端开发
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
94 0
|
JSON 前端开发 JavaScript
Ajax学习笔记
Ajax学习笔记
|
JSON 前端开发 数据格式
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)
109 0