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

