jquery的ajax实现异步请求范例

最新推荐文章于 2025-10-22 11:36:06 发布

原创最新推荐文章于 2025-10-22 11:36:06 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax #url #c

java 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用 jQuery 库实现 AJAX 异步请求的简单示例。该示例通过点击按钮发送 POST 请求到指定 Servlet，并在成功接收 JSON 数据后更新页面上的内容。

jquery的ajax实现异步请求范例
<%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8”%>
<%@ taglib prefix=”c” uri=”http://java.sun.com/jsp/jstl/core” %>

<script type="text/javascript" src="<c:url value='/js/jquery-1.11.3.js'/>"></script>
<script type="text/javascript">
   $(function(){
       $("#bn").click(function(){
           $.ajax({
              "url":"<c:url value='/ServletD'/>",
               "data":"uname=张三&upass=哈哈哈",
               "type":"post",
               "success":function(data){
                   var s = data.name+"   "+data.age;
                   $("#h").text(s);
               },
               "dataType":"json"
           });
       });
   });
</script>