Ajax使用jQuery操作（显示上证指数）

最新推荐文章于 2024-03-13 07:00:00 发布

原创最新推荐文章于 2024-03-13 07:00:00 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax

Ajax技术使用专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用jQuery AJAX技术从一个Servlet获取股票数据，并将其显示在网页上。通过点击按钮触发AJAX请求，实现数据的异步加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入jQuery包

2.编写一个servlet

public class DemoServlet extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.println("上证指数：3560");
out.flush();
out.close();
}

}

3.在web.xml中配置servlet

<servlet>
<servlet-name>DemoServlet</servlet-name>
<servlet-class>servlet.DemoServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>DemoServlet</servlet-name>
<url-pattern>/demo.do</url-pattern>

</servlet-mapping>

4.编写index.jsp界面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#showBtn").click(function(){
$.ajax({
url:"/ajax_jQuery/demo.do",
type:"get",
success:function(result){
$("#msg").html(result);
}
});
});
});
</script>
</head>
<body>
<a href="#" id="showBtn">查看上证指数</a>
<span id="msg"></span>
</body>