探討.get .post .ajax ztree 還有后臺(tái)servlet傳遞數(shù)據(jù)的相關(guān)知識(shí)
servlet給前臺(tái)傳遞data串
用的方法是
PrintWriter out = response.getWriter(); // response.sendRedirect("test.jsp"); String s = "[{'id':'1', 'pId':'0', 'name':'test1'},{'id':'11', 'pId':'1', 'name':'test11'}, {'id':'12', 'pId':'1', 'name':'test12'}, {'id':'111', 'pId':'11', 'name':'test111'},]"; out.write(s);
----------------------
關(guān)于.get .post .ajax的淺顯的理解是
最后一個(gè)是異步的,前面兩個(gè)是同步的(阻塞的)
.get(url,data,function(data,status){ 執(zhí)行的函數(shù) //我理解的data和url參數(shù)的意思是一樣的 })
-------------------------
ztree的使用:
注意ztree兩種json的格式的區(qū)別,經(jīng)常使用的是簡(jiǎn)單的格式是,直接通過(guò)數(shù)據(jù)之間的關(guān)系顯示樹(shù)的結(jié)構(gòu)
第二種是通過(guò)的是json的潛逃實(shí)現(xiàn)的
注意的是樣式和js文件必須是引入全的然后是界面上的位置是ul
然后是
//注意的話(huà)是傳遞response傳遞回來(lái)的類(lèi)型是string,這是string轉(zhuǎn)換對(duì)象的方法 var ss = eval("(" + data + ")"); var t = $("#test"); //然后是樹(shù)控的初始化(位置,配置,數(shù)據(jù)) t = $.fn.zTree.init(t, setting, ss); //取得樹(shù)對(duì)象然后操作 var zTree = $.fn.zTree.getZTreeObj("test");
收集整理,關(guān)于后臺(tái)的數(shù)據(jù)傳往前臺(tái)的問(wèn)題解決
關(guān)于
.get替換成
.ajax $("button").click(function(){ $.get("demo_ajax_load.txt", function(result){ $("div").html(result); }); });------------ $.ajax({ url: url, data: data, success: success, dataType: dataType });
ps:AJAX使用POST方法向后臺(tái)Servlet傳遞數(shù)據(jù)的方法
<script type="text/javascript"> //統(tǒng)計(jì)資源訪問(wèn)次數(shù)的腳本 //定義XMLHttpRequest對(duì)象 var http_request=false; function send_request(url,rewriteUrl){ http_request=false; //開(kāi)始初始化XMLHttpRequest對(duì)象 if(window.XMLHttpRequest){//Mozilla等瀏覽器初始化XMLHttpRequest過(guò)程 http_request=new XMLHttpRequest(); //有些版本的Mozilla瀏覽器處理服務(wù)器返回的未包含XML mime-type頭部信息的內(nèi)容時(shí)會(huì)出錯(cuò). //因此,要確保返回的內(nèi)容包含text/xml信息. if(http_request.overrideMimeType){ http_request.overrideMimeType("text/xml"); } } else if(window.ActiveXObject){//IE瀏覽器初始化XMLHttpRequest過(guò)程 try{ http_request=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ http_request=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){} } } //異常,創(chuàng)建對(duì)象失敗 if(!http_request){ window.alert("不能創(chuàng)建XMLHttpRequest對(duì)象實(shí)例!"); return false; } //指定響應(yīng)處理函數(shù) http_request.onreadystatechange=processRequest; //發(fā)送HTTP請(qǐng)求信息 http_request.open("POST",url,true); http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //將參數(shù)放到這里,后臺(tái)servlet可以用request.getParameter()方法取到這些參數(shù) http_request.send("rewriteUrl=" + rewriteUrl"&rewriteUrl2=" + rewriteUrl2); } //處理返回信息函數(shù) function processRequest(){ //判斷對(duì)象狀態(tài) if(http_request.readyState==4){ //判斷HTTP狀態(tài)碼 if(http_request.status==200){ //信息已經(jīng)成功返回,無(wú)動(dòng)作 } else { //請(qǐng)求頁(yè)面有問(wèn)題 alert("您所請(qǐng)求的頁(yè)面有異常!錯(cuò)誤狀態(tài):"+http_request.status); } } } function dosearch(rewriteUrl){ send_request("http://127.0.0.1:8000/); //這里的rewriteUrl就是頁(yè)面上放置的資源經(jīng)過(guò)重寫(xiě)后的鏈接 } //統(tǒng)計(jì)資源訪問(wèn)次數(shù)的JS——end </script>
另外,頁(yè)面上放置重寫(xiě)地址的元素需要調(diào)用上面的dosearch(rewriteUrl)方法,將重寫(xiě)后的鏈接當(dāng)作參數(shù)傳遞給這個(gè)方法,例如:
<a target="_blank" onclick="dosearch('http://127.0.0.1:8000/iras50/rewriter/CNKI/');">中國(guó)知網(wǎng)</a>
- 實(shí)例解讀Ajax與servlet交互的方法
- Jquery+ajax+JAVA(servlet)實(shí)現(xiàn)下拉菜單異步取值
- jQuery Ajax傳值到Servlet出現(xiàn)亂碼問(wèn)題的解決方法
- 深入Ajax代理的Java Servlet的實(shí)現(xiàn)詳解
- jquery請(qǐng)求servlet實(shí)現(xiàn)ajax異步請(qǐng)求的示例
- Servlet+Ajax實(shí)現(xiàn)智能搜索框智能提示功能
- Ajax+Servlet+jsp顯示搜索效果
- Servlet獲取AJAX POST請(qǐng)求中參數(shù)以form data和request payload形式傳輸?shù)姆椒?/a>
- javaweb中ajax請(qǐng)求后臺(tái)servlet(實(shí)例)
- javascript請(qǐng)求servlet實(shí)現(xiàn)ajax示例(分享)
- 關(guān)于Ajax技術(shù)中servlet末尾的輸出流
- AJAX Servlet實(shí)現(xiàn)數(shù)據(jù)異步交互的方法
- Servlet 與 Ajax 交互一直報(bào)status=parsererror的解決辦法
- Ajax+Servlet實(shí)現(xiàn)無(wú)刷新下拉聯(lián)動(dòng)效果
- 淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)
- Servlet3.0與純javascript通過(guò)Ajax交互的實(shí)例詳解
相關(guān)文章
如何解決Ajax訪問(wèn)不斷變化的session的值不一致以及HTTP協(xié)議中的GET、POST的區(qū)別
這篇文章主要介紹了Ajax訪問(wèn)不斷變化的session的值不一致解決方法以及HTTP協(xié)議中的GET、POST的區(qū)別的相關(guān)資料,需要的朋友可以參考下2015-09-09利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能
這篇文章主要介紹了利用 FormData 對(duì)象和 Spring MVC 配合實(shí)現(xiàn)Ajax文件下載功能,需要的朋友可以參考下2017-08-08Ajax Control Toolkit 34個(gè)服務(wù)器端控件
Ajax Control Toolkit 34個(gè)服務(wù)器端控件,想要學(xué)習(xí)ajax的朋友可以參考下。2009-09-09仿google搜索提示 SuggestFramework的使用
使用幫助(英文版翻譯而來(lái),可能有錯(cuò)誤,請(qǐng)大家仔細(xì)核對(duì),也希望對(duì)新手理解能有所幫助)2008-09-09Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框功能,感興趣的朋友一起看看吧2017-08-08jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法
這篇文章主要為大家詳細(xì)介紹了jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05用iframe設(shè)置代理解決ajax跨域請(qǐng)求問(wèn)題
面對(duì)ajax跨域請(qǐng)求的問(wèn)題,想用代理的方式來(lái)解決這個(gè)跨域問(wèn)題。在服務(wù)器端創(chuàng)建一個(gè)靜態(tài)的代理頁(yè)面,在客戶(hù)端用iframe調(diào)用這個(gè)代理2013-11-11利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算
這篇文章主要為大家詳細(xì)介紹了利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03解決ajax異步請(qǐng)求返回的是字符串問(wèn)題
這篇文章主要介紹了解決ajax異步請(qǐng)求返回的是字符串問(wèn)題,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11用AJAX實(shí)現(xiàn)的無(wú)刷新的分頁(yè)實(shí)現(xiàn)代碼(asp.net)
最近學(xué)習(xí)了AJAX技術(shù)。AJAX,指的是異步的Javascript和xml。它的基本原理就是頁(yè)面用Javascript發(fā)送一個(gè)異步的http請(qǐng)求到服務(wù)器,服務(wù)器返回?cái)?shù)據(jù)后,再用Javascript靜態(tài)的去更改頁(yè)面某個(gè)地方的值,而無(wú)需提交表單。2011-04-04