Ajax简单的异步请求

最新推荐文章于 2022-12-10 17:05:05 发布

不想人间见白头

最新推荐文章于 2022-12-10 17:05:05 发布

阅读量118

点赞数

本文链接：https://blog.csdn.net/stray_0212/article/details/112537078

版权

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

html部分

<script>
//点击事件
        $("#btn").click(function () {
            //触发ajax请求
            $.ajax({
                //请求地址
                url:"/ajax1",
                //请求方式
                type:"get",
                //参数
                data:{"name":$("input").val(),"age":$("input:last").val()},
                //成功时获取到的数据
                success:function (data) {
                    let $p = $("p");
                    $p.text(data);
                },
                //失败获取到的数据
                error:function (msg) {
                    $("p").text(msg);
                }
            })
        })
</script>
<body>
<p >点击按钮试试</p>
<input type="text" name="name" id="name"/><br/>
<input type="text" name="age" id="age"/>
<button id="btn">按钮</button>
</body>

请求的地址


@WebServlet("/ajax1")
public class AServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=utf-8");
        String name = req.getParameter("name");
        String age = req.getParameter("age");
        resp.getWriter().println("欢迎您："+name);
        resp.getWriter().println("您的年龄是："+age);
    }

输出到页面中p标签中的内容就是response中的内容；可以根据success中控制输出的地方。

不想人间见白头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax简单的异步请求

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。html部分<script>//点击事件 $("#btn").click(function () { //触发ajax请求 $.ajax({ //请求地址
复制链接

扫一扫