探討.get .post .ajax ztree 還有後台servlet傳遞資料的相關知識_AJAX相關

來源:互聯網
上載者:User

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){執行的函數//我理解的data和url參數的意思是一樣的})

-------------------------

ztree的使用:

注意ztree兩種json的格式的區別,經常使用的是簡單的格式是,直接通過資料之間的關係顯示樹的結構

第二種是通過的是json的潛逃實現的

注意的是樣式和js檔案必須是引入全的然後是介面上的位置是ul

然後是

//注意的話是傳遞response傳遞迴來的類型是string,這是string轉換對象的方法var ss = eval("(" + data + ")");        var t = $("#test");//然後是樹控的初始化(位置,配置,資料)        t = $.fn.zTree.init(t, setting, ss);//取得樹對象然後操作var zTree = $.fn.zTree.getZTreeObj("test");

收集整理,關於背景資料傳往前台的問題解決

關於

.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傳遞資料的方法

<script type="text/javascript"> //統計資源訪問次數的指令碼 //定義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){}     }   }   //異常,建立對象失敗   if(!http_request){     window.alert("不能建立XMLHttpRequest對象執行個體!");     return false;   }   //指定響應處理函數   http_request.onreadystatechange=processRequest;   //發送HTTP請求資訊   http_request.open("POST",url,true);   http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");   //將參數放到這裡,後台servlet可以用request.getParameter()方法取到這些參數   http_request.send("rewriteUrl=" + rewriteUrl"&rewriteUrl2=" + rewriteUrl2); } //處理返回資訊函數 function processRequest(){   //判斷對象狀態   if(http_request.readyState==4){     //判斷HTTP狀態代碼     if(http_request.status==200){       //資訊已經成功返回,無動作     }     else {       //請求頁面有問題       alert("您所請求的頁面有異常!錯誤狀態:"+http_request.status);     }   } } function dosearch(rewriteUrl){  send_request("http://127.0.0.1:8000/); //這裡的rewriteUrl就是頁面上放置的資源經過重寫後的連結 }//統計資源訪問次數的JS——end</script>

另外,頁面上放置重寫地址的元素需要調用上面的dosearch(rewriteUrl)方法,將重寫後的連結當作參數傳遞給這個方法,例如:

<a href="http://127.0.0.1:8000/iras50/rewriter/CNKI/" target="_blank" onclick="dosearch('http://127.0.0.1:8000/iras50/rewriter/CNKI/');">中國知網</a>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.