首页 > jQuery Ajax json格式怎么实现?

jQuery Ajax json格式怎么实现?

哪位大神可以写个例子?


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


jquery 文档ajax部分里有


给你四个方法:

// 服务器返回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&param2=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) { }
});

contentType


最基础的例子

http://blog.csdn.net/xeay123/article/details/42269591


返回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对象-后台代码


请移步官方文档

【热门文章】
【热门文章】