Json+jquery+ajax 在jsp页面实现异步交互，jquery下载。

最新推荐文章于 2023-02-27 10:15:52 发布

发飙的蜗牛'

最新推荐文章于 2023-02-27 10:15:52 发布

阅读量215

点赞数

本文链接：https://blog.csdn.net/weixin_46455069/article/details/106394772

版权

先来说jquery：首先我们需要下载一个jquery库，下载地址,然后在jsp中导入 <title>Title</title> <script src="js/jquery.js"></script>然后就是写的jquery语句或者使用JavaScript语句都行，下面是一个例子来说吧！

 <title>Title</title>
    <script src="js/jquery.js"></script>
    <script>
         $(function () {
                $("#b1").click(function () {
                  /*  alert("123456")*/
                    //返回一个httpxmlrequest对象
                    $.ajax({
                        //z在这里设置属性和值
                        url:"user/testAjax",//如果这里你用的是servlet你就写./ web.xml中的url-pattern名字
                        //给服务器传的类型
                        contentType:"application/json;charset=utf-8",
                       //给服务器传送数据
                        data:'{"userName":"zhansan","passWord":"123","age":22}',
                         //返回类型
                        dataType:"json",
                        //请求方式
                        type:"post",
                        //请求成功会，回调的函数
                        success:function (data) {
                          //data是服务器给我返回的json形式数据，拿到data会进行解析
                          alert(data.userName);
                          alert(data.age);
                          alert(data.passWord);
                        }
                    })
                })
         })


    </script>

</head>
<body>
<button id="b1">点击我</button>
</body>
**后面的就是servlet的内容了；**
//这里我用的mvc框架
@RequestMapping("/testAjax")
//@responseBody就是把对象转成json,因为前段需要的是json
//这里的account是我在外面写的Javabean文件。
    public @ResponseBody Account ajax(@RequestBody Account account)
{
    //拿到请求体
    System.out.println(account);
    //在这还可以设置account javabean中的值
    account.setUserName("小小");
    System.out.println(account);
    return account;
}
如果你用servlet那么你需要
获得参数，得到就是data里面的东西，如果你想返回到jsp页面，response返回你的字符串，再从jsp页面得到即可。
 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 //这里我没有写得到参数
      String str="{\"name\":\"zhansan\",\"age\":18}";
      response.getWriter().print(str);
    }
    jsp页面进行接收即可：
    因为jsp页面接收的是json的形式
     success:function (json) {
      alert(json.name)//就可以返回你想要的值
     /*如果出现 object object 或者 undefined。。。那是你的是对象
      你把它变成字符串即可
        alert(JSON.stringify(json));
*/
               
 },

jquery 1.11.3下载地址：https://pan.baidu.com/s/17JerKm0_VJU3BATAxDx9ug
提取：as2p

发飙的蜗牛'

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Json+jquery+ajax 在jsp页面实现异步交互，jquery下载。

先来说jquery：首先我们需要下载一个jquery库，下载地址,然后在jsp中导入 <title>Title</title> <script src="js/jquery.js"></script>然后就是写的jquery语句或者使用JavaScript语句都行，下面是一个例子来说吧！ <title>Title</title> <script src="js/jquery.js"></script>
复制链接

扫一扫