jQuery Ajax json格式怎么实现?

发布于 2022-09-01 19:37:20 字数 18 浏览 10 评论 0

哪位大神可以写个例子?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

七度光 2022-09-08 19:37:20

返回JSON对象-后台代码

@RequestMapping(value="/test",method=RequestMethod.GET)
       public void test(HttpServletRequest request,HttpServletResponse response) throws Exception{
         
           Map<String,String>result=new HashMap<String,String>();
           result.put("userName", "zhangsan");
           result.put("password", "123456");
           
           response.setContentType("application/json");//这个是重点设置返回流的数据格式
           response.getWriter().write(JSONObject.fromObject(result).toString());
       }

返回JSON对象-前端代码

<script src="resources/jquery-1.11.1.min.js"></script>
<script>
    $(function(){
        
        $("#test").bind("click",function(){
            $.ajax({
                   type: "GET",
                   url: "/idcard/test",
                   dataType:"json",//设置接受的数据格式,很重要
                   success: function(data){
                     alert( "Data Saved: " + data );
                   }
                });
        });
    });
</script>

测试结果如下:
图片描述

从上图可以看到接受的是一个对象类型,不是一个单纯的字符串,这个对象类型就是json,你可以用json的方式操作对象,下面是具体的数据:
图片描述

图片描述

返回JSON对象-后台代码

国粹 2022-09-08 19:37:20

给你四个方法:

// 服务器返回JSON字符串
$.get('/service_url',{
    param1 : 0,
    param2 : "hello"
},function(data){
    var response = JSON.parse(data);
    alert(response.code);
});
$.post('/service_url',{
    param1 : 0,
    param2 : "hello"
},function(data){
    var response = JSON.parse(data);
    alert(response.code);
});
$.getJSON('/service_url?param1=0¶m2=hello',function(response){
    alert(response.code);
});
// 服务器返回JSON对象
$.ajax({
    type: "POST",
    contentType: "application/json;charset=utf-8",
    url: "/service_url",
    data: {param1:0,param2:"hello"},
    dataType: "json",
    complete: function () { },
    success: function (response) {
        alert(response.code);
    },
    error: function (result, status) { }
});
北陌 2022-09-08 19:37:20

请移步官方文档

习ぎ惯性依靠 2022-09-08 19:37:20

contentType

眼前雾蒙蒙 2022-09-08 19:37:20

手机回答。
jQuery ajax有contentType,可以设置为application/json,data的话,我是直接拼字符串…可能比较老土…

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文