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

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

ajax 请求接口,并处理结果

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

         });

jquery 请求

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

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

}); 

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

});

猜你在找的Ajax相关文章