在先後端交互的選擇上,以前一直採用的是模板引擎(由於我只負責後端)。
而此次的一個算是做業吧,先後端都是我,因此就研究了一下JSON交互在java web的應用(主要是前端)。html
由於我是先寫後端版本的,因此優缺點部分請跳轉至JSON工具類的構建(後端版本)查看。前端
由於我對js也是幾天速成系列,因此框架型的jq以及ajax也是處於概念上的理解以及皮毛型的應用。
我所認識的主流的前端處理的ajax,因此就選用了ajax進行發送/接收解析json的處理。java
由於沒有打算深刻學習前端,因此對需求的劃分以及功能實現只限於知足此次的做業。
而我定義的功能/需求主要有兩個git
由於是請求型報文,因此只須要造成普通的json格式github
{ "name": "name", "password":"password", "account":"account" }
由於我但願傳入接口url以及數據既能完成數據的發送與接收,而我的以爲ajax的請求響應參數中不一樣的只是url以及發送/接收數據不一樣了(限本次的須要),因此就在內部構建了一個通用的ajax的函數。web
function transfer(url, data){ var result=new Array(); $.ajax({ type:"POST", url:url, dataType:"json", async:false, contentType:"application/json;charset=utf-8", data:JSON.stringify(data), success:function (dataReturn) { var temp=JSON.stringify(dataReturn); var dataObj = JSON.parse(temp); result[0]=dataObj.status; result[1]=dataObj.object; } }); return result; }
function clickLogin() { var userName=$("#userName").val(); var password=$("#password").val(); var data={}; data['number']=userName; data['password']=password; var result=transfer("/text_project/login",data); if(result[0]=='200'){ window.location.href="/text_project/main"; } else{ console.log("error"); } }
由於此次時間趕,因此只是幾天速成系列,只追求能用。
可是經過此次的速成,也學習到了怎麼去快速掌握或知足自身須要的一些方法,也算是接觸到不一樣方面,能在之後的JAVA後端的學習中有所對比借鑑吧。ajax
這是我在前臺發送/接收解析json的一點經驗,我另外寫了一篇文章:JSON工具類的構建(後端版本),配合使用會很香哦~json
本文首發於cartoon的博客
轉載請註明出處:https://cartoonyu.github.io/cartoon-blog/post/json/json工具類的構建前端版本/後端