栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

更新jsp页面的内容而不刷新

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

更新jsp页面的内容而不刷新

您应该研究使用Ajax(jQuery是我的首选方法)。

http://api.jquery.com/jQuery.get/

http://api.jquery.com/jQuery.post/

然后,这将命中一个控制器,该控制器将返回您想要的数据而无需刷新页面。

例如,如果您有一个login.jsp …

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%@ page session="true" %><html><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><head>    <title>Login</title></head><body><h1>    Hello please login to this application  </h1><script>        function login(){ var username = $("#username").val(); var password = $("#password").val(); $.post('login', { username : username , password : password }, function(data) {     $('#results').html(data).hide().slideDown('slow'); } );        }</script>Username : <input id="username" type="text" />Password : <input id="password" type="password" /><input name="send" type="submit" value="Click me" onclick="login()" /><form name="next" action="auth/details" method="get">    <input name="send" type="submit" value="Go Through"/></form><div id="results" /></body></html>

在您的控制器中,您将选择模型,但是为了简单起见,我做了一个非常简单的示例…

@Controllerpublic class LoginController {    private static final Logger logger = LoggerFactory.getLogger(LoginController.class);    Util util;        @RequestMapping(value = "/login", method = RequestMethod.POST)    public String home(Locale locale, Model model, String username, String password) {        if(username.equalsIgnoreCase("david"))        { model.addAttribute("validUser", "Welcome " + username ); return "home";        }        else        { model.addAttribute("validUser", "Incorrect username and password"); return "home";        }    }}

然后,这会将html的慢速滚动位添加到div,以表明它是否有效,下面是home的代码…

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%@ page session="true" %><html><body><P>  ${validUser}. </P></body></html>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/443473.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号