关于使用ajax显示后台传递到前台的json数据（本质上算是jquary来处理because about the code of ajax is only one ）

已于 2023-08-23 08:47:52 修改
阅读量123 收藏
点赞数
分类专栏： ajax javaweb项目 上课笔记 文章标签： ajax json okhttp
于 2023-08-21 18:00:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45459209/article/details/132413729
版权

在之前的文章中有写过[cartitem相关的类]，这里只是展示部分代码(https://blog.csdn.net/weixin_45459209/article/details/132403784?spm=1001.2014.3001.5501)

CartItemDao.java

    public Integer findByUidCount(Integer uid);
    public List<CartItem> findCartByUid(int begin, int pageSize,Integer uid);

CartItemDaoImpl.java

    @Override
    public Integer findByUidCount(Integer uid) {
        return this.getValue("select count(*) from cartitem where uid=?", uid).intValue();
    }
        @Override
    public List<CartItem> findCartByUid(int begin, int pageSize, Integer uid) {
        return this.getBeanList("select * from cartitem where uid=? order by id desc limit ?,?", uid , begin , pageSize);
    }

CartItemServiceImpl.java

 @Override
    public Page<CartItem> page(Integer pageNo, Integer pageSize, Integer uid) {
        Page<CartItem> page = new Page<>();
        page.setPageNo(pageNo);//将参数pageNo保存到page对象
        page.setPageSize(pageSize);//将参数pageSize保存到page对象

        //获取t_book表的总记数 , 并将总记数封装到page对象中
        page.setPageTotalCount( cartItemDao.findByUidCount(uid));
        //求出最大页
        if( page.getPageTotalCount() % page.getPageSize() == 0 ){
            //使用  [总记录数 / 当前页显示数量 = 总页数]
            page.setPageTotal( page.getPageTotalCount() / pageSize );
        }else{
            //如果除不净的话,就需要+1  [总记录数 / 当前页显示数量 = 总页数 + 1]
            page.setPageTotal( page.getPageTotalCount() / pageSize + 1);
        }

        //如果当前页大于最大页
        if( page.getPageNo() > page.getPageTotal() ){
            page.setPageNo(page.getPageTotal());//就将最大页设置给当前页
        }
        //如果当前页小于最小页
        if( page.getPageNo() < 1 ){
            page.setPageNo(1);//就将第一页设置给当前页
        }

        //通过当前网与每页显示数 求出 起始页
        int begin = (page.getPageNo() - 1) * page.getPageSize();
        List<CartItem> cartList = cartItemDao.findCartByUid(begin, page.getPageSize(),uid);
        page.setItems(cartList);//将查询出来的结果集对象保存到page中
        return page;
    }

CartItemService.java

public Page<CartItem> page(Integer pageNo , Integer pageSize , Integer uid );

CartServlet.java

    protected void findCartByUid(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        User user =(User)req.getSession().getAttribute("user");
        int pageNo=WebUtils.parseInt(req.getParameter("pageNo"),1);
        int pageSize=WebUtils.parseInt(req.getParameter("pageSize"),4);
        CartItemService cartItemService=new CartItemServiceImpl();
        Page<CartItem> page=cartItemService.page(pageNo,pageSize,user.getId());
        Gson gson=new Gson();
        String str=gson.toJson(page);
        resp.setContentType("application/json;charset=utf-8");

        PrintWriter out = resp.getWriter();

        out.print(str);
    }

first.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>
    <base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/">
    <link type="text/css" rel="stylesheet" href="static/css/style.css">

</head>
<body>

<div id="header">
    <img class="logo_img" alt="" src="static/img/logo.gif" width="230px" height="80px">
    <span class="wel_word">网上书城</span>
    <div>
        <c:choose>
            <c:when test="${empty sessionScope.user}">
                <a href="pages/user/login.jsp">登录</a> |
                <a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
            </c:when>
            <c:otherwise>
                <span>欢迎<span class="um_span">${sessionScope.user.username}</span>光临网上书城</span>
                <a href="UserServlet?method=logout">注销</a>
            </c:otherwise>
        </c:choose>
        <a href="javascript:jumpcart()">购物车</a>
        <a href="pages/manager/manager.jsp">后台管理</a>
    </div>
</div>
<div id="main">
    <div id="book">
        <div class="book_cond" style="margin-left: 0px;text-align: center">
            <form id="fid">
                <input type="hidden" name="method" value="searchPage">
                书名:<input type="text" name="name" value="${requestScope.name}">
                作者:<input type="text" name="author" value="${requestScope.author}">
                价格：<input id="min" type="text" name="min" value="${requestScope.min}"> 元 -
                <input id="max" type="text" name="max" value="${requestScope.max}"> 元
                <input type="button" value="查询" id="searchBut"/>
            </form>
        </div>
        <div style="text-align: center;visibility: hidden;" id="cartdiv">
            <span>您的购物车中有<span style="color: red" id="bookCount"></span>件商品</span>
            <div>
                您刚刚将<span style="color: red" id="bookName"></span>加入到了购物车中
            </div>
        </div>


        <div class="b_list" style="display: none;">
            <div class="img_div">
                <img class="book_img" alt="" src=""/>
            </div>
            <div class="book_info">
                <div class="book_name">
                    <span class="sp1">书名:</span>
                    <span class="sp2"></span>
                </div>
                <div class="book_author">
                    <span class="sp1">作者:</span>
                    <span class="sp2"></span>
                </div>
                <div class="book_price">
                    <span class="sp1">价格:</span>
                    <span class="sp2"></span>
                </div>
                <div class="book_sales">
                    <span class="sp1">销量:</span>
                    <span class="sp2"></span>
                </div>
                <div class="book_amount">
                    <span class="sp1">库存:</span>
                    <span class="sp2"></span>
                </div>
                <div class="book_add">
                    <input type="button" value="加入购物车" class="addToCart" bookId=""/>
                </div>
            </div>
        </div>
    </div>

    <!--分页 -->
    <div id="page_nav">
        <a href="#">首页</a>
        <a href="#">上一页</a>
        <a href="#">下一页</a>
        <a href="#">末页</a>
        共<span>100</span>页，<span>100</span>条记录 到第<input name="pn" id="pn_input"/>页
        <input id="butid" type="button" value="确定">
    </div>

</div>
<div id="bottom">
		<span>
			网上书城.Copyright &copy;2020
		</span>
</div>
</body>
</html>
<script src="static/script/jquery-3.6.0.min.js"></script>
<script src="static/layui/layui.js"></script>
<script>
    var peipage ;

    function jumpcart(){
        if ("${sessionScope.user}" == "") {
            layer.msg('请先登录才能访问购物车!', {
                icon: 2,
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
            });
        }else{
            window.location.href = "pages/cart/cart.jsp";
        }
    }


    function mypage(flag) {
        var pageNo = "";
        if("首页" == flag){
            pageNo = 1;
        }else if("上一页"==flag){
            pageNo = peipage.pageNo - 1 ;
        }else if("下一页"==flag){
            pageNo = peipage.pageNo + 1 ;
        }else if("末页"==flag){
            pageNo = peipage.pageTotal ;
        }else{
            pageNo = flag;
        }

        //alert( $("#fid").serialize())
        //alert($("#fid").serialize()+"&pageNo="+pageNo);
        $.post("BookServlet", $("#fid").serialize()+"&pageNo="+pageNo, function (msg) {
            peipage = msg;
            $("#page_nav").find("span").eq(0).html(msg.pageTotal)
            $("#page_nav").find("span").eq(1).html(msg.pageTotalCount)
            $("div[peijie=delete]").remove();
            for (let i = 0; i < msg.items.length; i++) {
                newdiv = $("div.b_list:first").clone(true);//clone(true)事件一起复制
                newdiv.attr("peijie" , "delete");//给这些克隆出来的元素添加一个属性,方便后面删除他们
                newdiv.css("display", "");
                newdiv.find("img.book_img").attr("src", msg.items[i].imgPath);
                newdiv.find("div.book_name").find("span").eq(1).html(msg.items[i].name);
                newdiv.find("div.book_author").find("span").eq(1).html(msg.items[i].author);
                newdiv.find("div.book_price").find("span").eq(1).html("￥" + msg.items[i].price);
                newdiv.find("div.book_sales").find("span").eq(1).html(msg.items[i].sales);
                newdiv.find("div.book_amount").find("span").eq(1).html(msg.items[i].stock);
                newdiv.find("div.book_add").find("input").attr("bookId", msg.items[i].id)
                $("div.b_list:last").after(newdiv)
            }
        })
    }

    $(function () {
        mypage("首页");//网页加载完成调用此方法显示第一页数据

        $("#butid").click(function(){
            //获取输入框里面的值
            var pageNo = $("#pn_input").val();
            var zz2 = new RegExp("^[0-9]*[1-9][0-9]*$");
            if (zz2.test(pageNo)) {
                mypage(pageNo);
            } else {
                layer.msg('请输入整数!', {
                    icon: 2,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
            }
        });

        $("#searchBut").click(function (){
            mypage("首页");
        });

        $("#page_nav").find("a").eq(0).click(function(){
            //点击首页时显示第一页数据
            mypage("首页")
        })
        $("#page_nav").find("a").eq(1).click(function(){
            //点击上一页时显示数据
            mypage("上一页")
        })
        $("#page_nav").find("a").eq(2).click(function(){
            //点击下一页时显示数据
            mypage("下一页")
        })
        $("#page_nav").find("a").eq(3).click(function(){
            //点击末页时显示数据
            mypage("末页")
        })


        $("input.addToCart").click(function () {
            if ("${sessionScope.user}" == "") {

                layer.msg('请先登录在来添加购物车!', {
                    icon: 2,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
            } else {
                var id = $(this).attr("bookId");
                $.get("CartServlet", "method=addItem&id=" + id, function (msg) {
                    // alert( msg.bookName  + " = " + msg.bookCount)
                    $("#bookCount").html(msg.bookCount);
                    $("#bookName").html(msg.bookName)
                    $("#cartdiv").css("visibility", "");//显示出来

                    layer.msg('添加购物车成功', {
                        icon: 1,
                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    });
                });
            }
        });
    });
</script>

cart.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/">
    <link type="text/css" rel="stylesheet" href="static/css/style.css">
    <script src="static/script/jquery-1.7.2.js"></script>
</head>
<body>

<div id="header">
    <img class="logo_img" alt="" src="static/img/logo.gif" width="230px" height="80px">
    <span class="wel_word">购物车</span>
    <div>
        <span>欢迎<span class="um_span">${sessionScope.user.username}</span>光临网上书城</span>
        <a href="pages/order/order.jsp">我的订单</a>
        <a href="UserServlet?method=logout">注销</a>&nbsp;&nbsp;
        <a href="index.jsp">返回</a>
    </div>
</div>

<div id="main">

    <table>
        <tr>
            <td>商品名称</td>
            <td>数量</td>
            <td>单价</td>
            <td>金额</td>
            <td>操作</td>
        </tr>
        <tr style="display: none" class="c_list">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td><a class="deleteA" href="javascript:void(0)">删除</a></td>
            <input type="hidden" value="0">
        </tr>

    </table>

    <%--分页--%>
    <br>
    <div id="page_nav">
        <a href="javascript:void(0)">首页</a>
        <a href="javascript:void(0)">上一页</a>
        <a href="javascript:void(0)">下一页</a>
        <a href="javascript:void(0)">末页</a>
        共<span>100</span>页，<span>100</span>条记录 到第<input name="pn" id="pn_input"/>页
        <input id="butid" type="button" value="确定">
    </div>
    <script src="static/layui/layui.js"></script>

    <script>
        var zhupage;
        function mypage(flag) {
            var pageNo = "";
            if ("首页" == flag) {
                pageNo = 1;
            } else if ("上一页" == flag) {
                pageNo = zhupage.pageNo - 1;
            } else if ("下一页" == flag) {
                pageNo = zhupage.pageNo + 1;
            } else if ("末页" == flag) {
                pageNo = zhupage.pageTotal;
            } else {
                pageNo = flag;
            }


            $.post("CartServlet", "method=findCartByUid&pageNo=" + pageNo, function (msg) {
                zhupage = msg;
                $("tr[peijie=delete]").remove();
                $("#page_nav").find("span").eq(0).html(msg.pageTotal)
                $("#page_nav").find("span").eq(1).html(msg.pageTotalCount)
                for (let i = 0; i < msg.items.length; i++) {
                    var cart = $(".c_list:first").clone(true);
                    cart.attr("peijie", "delete");//给这些克隆出来的元素添加一个属性,方便后面删除他们
                    cart.css("display", "");
                    cart.find("td").eq(0).html(msg.items[i].name);
                    cart.find("td").eq(1).html(msg.items[i].count);
                    cart.find("td").eq(2).html(msg.items[i].price);
                    cart.find("td").eq(3).html(msg.items[i].totalPrice);
                    // console.log(msg.items[i].uid)
                    cart.find("input").val(msg.items[i].id);
                    $(".c_list:last").after(cart);
                }

            });
        }
        $(function(){
            mypage("首页");
            $("#butid").click(function () {
                //获取输入框里面的值
                var pageNo = $("#pn_input").val();
                var zz2 = new RegExp("^[0-9]*[1-9][0-9]*$");
                if (zz2.test(pageNo)) {
                    mypage(pageNo);
                } else {
                    layer.msg('请输入整数!', {
                        icon: 2,
                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    });
                }
            });
        })
        $("#page_nav").find("a").eq(0).click(function(){
            //点击首页时显示第一页数据
            mypage("首页")
        })
        $("#page_nav").find("a").eq(1).click(function(){
            //点击上一页时显示数据
            mypage("上一页")
        })
        $("#page_nav").find("a").eq(2).click(function(){
            //点击下一页时显示数据
            mypage("下一页")
        })
        $("#page_nav").find("a").eq(3).click(function(){
            //点击末页时显示数据
            mypage("末页")
        })
    </script>


<%--       <div class="cart_info">--%>
<%--            <span class="cart_span">购物车中共有<span class="b_count">4</span>件商品</span>--%>
<%--            <span class="cart_span">总金额<span class="b_price">90.00</span>元</span>--%>
<%--            <span class="cart_span"><a href="#">清空购物车</a></span>--%>
<%--            <span class="cart_span"><a href="checkout.jsp">去结账</a></span>--%>
<%--        </div>--%>


</div>

<div id="bottom">
		<span>
			网上书城.Copyright &copy;2020
		</span>
</div>
</body>
</html>

运行图片：
在这里插入图片描述

关于使用jquery的其他方式来实现的方式

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/">
    <link type="text/css" rel="stylesheet" href="static/css/style.css">
</head>
<body>

<div id="header">
    <img class="logo_img" alt="" src="static/img/logo.gif" width="230px" height="80px">
    <span class="wel_word">购物车</span>
    <div>
        <span>欢迎<span class="um_span">老王</span>光临网上书城</span>
        <a href="pages/order/order.jsp">我的订单</a>
        <a href="index.jsp">注销</a>&nbsp;&nbsp;
        <a href="index.jsp">返回</a>
    </div>
</div>

<div id="main">

    <table>
        <tr>
            <td>商品名称</td>
            <td>数量</td>
            <td>单价</td>
            <td>金额</td>
            <td>操作</td>
        </tr>
    </table>
    <br/>


    <div class="cart_info">
        <span class="cart_span">购物车中共有<span class="b_count">4</span>件商品</span>
        <span class="cart_span">总金额<span class="b_price">90.00</span>元</span>
        <span class="cart_span"><a href="#">清空购物车</a></span>
        <span class="cart_span"><a href="pages/cart/checkout.jsp">去结账</a></span>
    </div>

</div>

<div id="bottom">
		<span>
			网上书城.Copyright &copy;2020
		</span>
</div>
</body>
</html>
<script src="static/script/jquery-1.7.2.js"></script>
<script src="static/layui/layui.js"></script>
<script>
    var peipage;

    $(function () {
        mypage()

        $("#main").scroll(function () {
            // 判断滚动条是否到达底部
            if (this.scrollTop + this.clientHeight >= this.scrollHeight) {
                mypage("下一页");
            }
        })
    })

    function mypage(flag) {
        var pageNo = 1 ;
        if ("下一页" == flag) {
            pageNo = peipage.pageNo + 1;
        }


        $.post("CartServlet", "method=findCartByUid&pageNo="+pageNo, function (msg) {
            peipage = msg;
            for (let i = 0; i < msg.items.length; i++) {
                $("<tr>" +
                    "<td>" + msg.items[i].name + "</td>" +
                    "<td>" + msg.items[i].count + "</td>" +
                    "<td>" + msg.items[i].price + "</td>" +
                    "<td>" + msg.items[i].totalPrice + "</td>" +
                    "<td><a href='#'>删除</a></td>" +
                    "</tr>").appendTo("table");
            }
        });
    }
</script>

注所有的配置都一样，只需要更换cart.jsp即可，显示的效果和以上的效果基本一样

ac果
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Ajax中使用JSON传输数据
03-01
json.js and json.jar 博文链接：https://terran-li2008.iteye.com/blog/199088
jsp中利用jquery+ajax在前后台之间传递json格式参数
10-26
在本文中，我们将深入探讨如何在JavaServer Pages (JSP) 中使用jQuery和Ajax来传递JSON格式的参数。这是一个常见的需求，特别是在构建交互性强、响应迅速的Web应用程序时。通过这种方式，前端和后端可以有效地交换...
Ajax: 使用 JSON 进行数据传输
江城风情
09-30 1126
 以原生方式操作 JavaScript 对象 在异步应用程序中发送和接收信息时，可以选择以纯文本和 XML 作为数据格式。这里我们讨论另一种有用的数据格式 JavaScript Object Notation（JSON），以及如何使用它更轻松地在应用程序中移动数据和对象。在许多异步应用程序中如何恰当地使用纯文本和简单的名称/值对。可以将数据组合成下面这样的形式：firstNam
ajax+json进行数据传输请求（ssm框架）_前后端的数据传递,建议采用json+ajax请求方式
最新发布
2401_85011895的博客
05-15 758
controller的类型不仅仅限制于Map JSONObject这些。还可以是String等等，比如我做如下修改，将JSONObject改为String类型，然后直接返回一个String类型的ce。a）我们设置的方法为，只要点击“id=b1”的按钮，就会触发这个函数。代码如下（TestController.java）1.5 Controller其他写法。1.3 controller写法。c）ajax要发送好几个数据。1.4、运行及效果图。
Ajax - 使用Ajax传递Json数据
fanghanhan_的博客
11-24 1万+
JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。在使用Ajax时，我们经常会使用JSON来传递数据。本小节，将重点学习JSON对象、JSON数组以及如何在Ajax中传递JSON数据。 JSON简介 (1)定义JSON对象和JSON数组 ①JSON对象 a.定义JSON对象 语法： 在JavaScript中，JSON对象是用大括号括起来，包含了多组属性。每个属性名和属性值之间用冒号隔开，多个属性之间用逗号隔开，并且属性名必须是字符串，如下： b.使用J
Ajax传json对象（jQuery）
叶鹤的博客
01-21 9921
Ajax传json对象 相信很多小伙伴想要通过Ajax传输json数据给后端，本来直接发送一个data: JSON.stringify(obj)就可以了，但是发现后端的请求参数中有一个参数需要int类型，这个时候就需要用到对象了。 封装对象 首先得到数据并封装对象 （我用的是jQuery） obj = { "number": obj.number, "password": obj.password,
ajax 传JSON 写法
beOkWithAnything
12-19 110
以前一直以为在SpringMVC环境中，@RequestBody接收的是一个Json对象，一直在调试代码都没有成功， 后来发现，其实 @RequestBody接收的是一个Json对象的字符串，而不是一个Json对象。 然而在ajax请求往往传的都是Json对象，后来发现用 JSON.stringify(data)的方式就能将对象变成字符串。 同时ajax请求的时候也要指定dataType: ...
如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)
01-21
首先，我们要在前台引入json的脚本，以便于把js对象序列化 [removed][removed] 然后我们在前台声明一个类,将你要保存的值放到类里面，最后序列化 代码如下:function Save() { var examId = ‘<%=ExamId %>...
jquery序列化form表单使用ajax提交后处理返回的json数据
10-26
本篇文章将详细讲解如何使用jQuery序列化form表单，然后通过Ajax提交这些数据，并处理返回的JSON数据。 首先，让我们理解“序列化”这个概念。在Web开发中，序列化是指将表单数据转换为字符串格式，这样可以方便地...
jQuery中ajax请求后台返回json数据并渲染HTML的方法
12-29
<input type=text name=dishes value= class=seek_product placeholder=请输入菜名/> <button type='button' class=btn_nor onclick=seek_product()>搜索</button>...th width=70%
AJAX JSON的数据传输
忆亦何为的博客
10-14 3059
我们发现在后端的json字符串拼接实在是太痛苦了，因为json只能使用双引号“”，而双引号在字符串里需要进行转义，所以拼接字符串的代码看起来就很另类。AJAX请求从后端响应回来的是一串字符串，javascript怎么把拼接JSON格式的字符串转换成JSON对象。这时候可以在后端拼接JSON格式的字符串，或者XML格式的字符串，将这个字符串发送给前端，前端解析即可。var json对象名字 = {“属性名1” ：属性值1，“属性名2”：属性值2 …它是一串JSON格式的字符串，需要把它转换成JSON对象。
asp输出json实例，json.asp
05-27
用asp输出json格式，生成json对象。 json.asp格式化json类。ajax返回json格式数据
ajax如何传递josn数据,传递JSON数据在AJAX请求
weixin_42120997的博客
08-05 613
我想发送一个链接上的整个JSON数组，所以我必须发送整个JSON数组右移？因为在格式中它们给了我们一个json_array格式。 下面是Rightmove的的JSON数组，传递JSON数据在AJAX请求JSON数组，{"network":{"network_id": 5},"branch":{"branch_id": 1566,"channel": 1,"overseas": false},"pr...
利用ajax将后台的list传到页面上
原宁的博客
08-19 3036
后台代码 List service_ips = dcmService.queryService_ip(oscm); JSONArray jsonArray = JSONArray.fromObject( service_ips ); response.setContentType("text/html;charset=utf-8"); PrintWriter pw = response.
【无标题】ajax 传json类型
m0_47170819的博客
05-26 212
ajax 传json类型ajax 传json类型ajax 传json类型ajax 传json类型ajax 传json类型ajax 传json类型
通过ajax查询数据库数据显示在前台
qq_37139060的博客
08-05 1万+
Controller层 查询总用户数 @RequestMapping(value = "/findTotalUsers.do",method = RequestMethod.GET) public @ResponseBody Long findTotalUsers(){ ModelAndView modelAndView = new ModelAndView()...
AJAX与JSON数据交互处理
weixin_53188340的博客
08-21 1628
AJAX
Ajax从后台获取数据在前端显示（原生js与jQuery）
热门推荐
何故的博客
05-16 2万+
1、Ajax简介 Ajax(Asynchronous Javascript And XML)=异步的 javascript 和XML ，使网页在不重新加载整个页面的情况下，对页面的局部进行刷新，传统的网页(若不使用AJAX)在打开页面时，是需要加载出此页面所有的内容。Ajax是一种新的思想， 是与服务器交换数据并更新网页局部的艺术。 2、Ajax实现步骤js原生 使用JavaScript获取浏览器XMLHttpRequest内置对象，Ajax的核心。 let xml=new XMLHttpRe
后台controller层和前台ajax互传json数据的一个demo
myllxy
12-02 673
前台ajax 后台controller @RequestMapping(value = "/checkDuplicateregist", method = RequestMethod.POST) @ResponseBody public Map<String, String> checkDuplicateregist(String name, String e...
"处理Ajax后台success返回的JSON数据问题简析
最近在使用JQuery的ajax方法时，遇到了后台success传来json数据的问题，根据返回方式的不同会采取不同的处理方式来生成JSON数据。下面将对该问题进行浅析。 在$.ajax方法中处理后台传来的JSON数据时，首先需要明确...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ac果

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值