39、JAVA_WEB开发基础之ajax和json
ajax是什么
首先要知道ajax并不是一種新的技術(shù),而是幾種技術(shù)的強強聯(lián)合,全稱是Asynchronous Javascript and xml,其精髓在于異步加載資源,因此可以實現(xiàn)局部加載效果(因為可以異步加載,所以不需要依靠整張頁面加載)
ajax的工作環(huán)節(jié)
可將指定格式的數(shù)據(jù)(一般使用json格式)傳遞到服務(wù)器獲取數(shù)據(jù);使用xmlhttprequest對象實現(xiàn)一部數(shù)據(jù)的獲取,可以異步訪問資源,返回的資源可以通過動態(tài)dom結(jié)構(gòu)的拼接進行顯示和交互
ajax的工作原理
其原理簡單來說就是通過xmlHttpRequest對象向服務(wù)器發(fā)送異步請求,進行數(shù)據(jù)的傳遞和獲取,然后將返回的數(shù)據(jù)進行解析,用javascript或者jquery來操作DOM從而實現(xiàn)頁面更新,實現(xiàn)局部刷新的效果。運用xmlhttprequest對象實現(xiàn)異步數(shù)據(jù)獲取是ajax的核心
json是什么
json是一種更加輕量級的數(shù)據(jù)格式,現(xiàn)在的主流數(shù)據(jù)傳輸格式,可以將對象、數(shù)據(jù)、對象數(shù)組等數(shù)據(jù)轉(zhuǎn)成json格式,以實現(xiàn)傳輸。
json格式是key:value的格式,例如:var jsonData = {"uname":"zhangsan"};
基本實例
$.ajax({type:"POST",//請求格式url:"/userController/getUsers",//請求路徑data:{//數(shù)據(jù),json格式"userId":"0001","userName":"zhangsan"},success:function(data){//返回成功var userList = eval(data.userList);//獲取傳遞回來的數(shù)據(jù)userList(json格式數(shù)據(jù)),轉(zhuǎn)成數(shù)組for(var i = 0 ; i < userList.length ; i++){//進行dom的動態(tài)加載}},error:function(xmlHttpReq, textStatus, errorThrown){//返回失敗alert(textStatus+":"+errorThrown);} });?
總結(jié)
以上是生活随笔為你收集整理的39、JAVA_WEB开发基础之ajax和json的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 八个字的情话 八个字的浪漫情话
- 下一篇: 15、sql编程基本语法介绍