DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 探討.get .post .ajax ztree 還有後台servlet傳遞數據的相關知識
探討.get .post .ajax ztree 還有後台servlet傳遞數據的相關知識
編輯:AJAX基礎知識     

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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved