ajax 提交post get 数据,得到json结果解析

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/kongbaidepao/article/details/50654495

ajax 请求接口,并处理结果

//id为 btnBuyBox
  $('#btnBuyBox').click( function(){ 
             //$("#formjs").submit();
               $.ajax({
                    //提交数据的类型 POST GET
                     type : "POST",
                    //提交的网址
                     url : "/carSnatch/buyInin", 
                    //提交的数据
                     data: {
                        ID: ${commInfo.id},
                        number: $("#carnumber").html(),
                        costmoney:$("#costmoney").html()
                     },
                    //返回数据的格式
                    datatype : "json",//"xml", "html", "script", "json", "jsonp", "text".
                    //在请求之前调用的函数
                    //beforeSend : function() { $("#msg").html("logining");},
                    //成功返回之后调用的函数             
                    success : function(data) {
                        //$("#msg").html(decodeURI(data)   
    var dataJson = JSON.stringify(data);
    var jsonInfo = JSON.parse(dataJson);
                        //以后有特殊条件直接添加
                        if(jsonInfo.flog == -1){
                            alert(jsonInfo.msg);
                        }else if(jsonInfo.flog == 0){
                            alert(jsonInfo.msg);
                        }else if(jsonInfo.flog == 1){
                            alert(jsonInfo.msg);
                        }
                    },
                    //调用执行后调用的函数
                    complete : function(XMLHttpRequest, textStatus) {
                        //HideLoading();
                    },
                    //调用出错执行的函数
                    error : function() {
                        //请求出错处理
                    }
                });          

         });

jquery 请求

$.getJSON("http://sanic.cnblogs.com/",{param:"sanic"},function(data){ 
//此处返回的data已经是json对象 
//1.这里解析的是平常的list  数组模式的
$.each(data.root,function(i,item){ 
if(i==0){ 
return true;//同countinue,返回false同break 
} 

//清空输入的数字框的值
$("#info").html("");//清空info内容
//解析显示值
//item.name   item.age   item.text

}); 

//2.如果是 map模式的json
//jquery解析map数据
  $.each(data.infomap,function(key,value){
    alert(key+"----"+value);
  });

}); 
展开阅读全文

没有更多推荐了,返回首页