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

前端之家收集整理的这篇文章主要介绍了ajax 提交post get 数据,得到json结果解析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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);
  });

});
原文链接:https://www.f2er.com/ajax/162440.html

猜你在找的Ajax相关文章