首頁 > web前端 > js教程 > 探討.get .post .ajax ztree 還有後台servlet傳遞資料的相關知識

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

亚连
發布: 2018-05-24 13:55:07
原創
1515 人瀏覽過

這篇文章主要介紹了探討.get .post .ajax ztree 還有後台servlet傳遞資料的相關知識,需要的朋友可以參考下

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){
  $("p").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(&#39;http://127.0.0.1:8000/iras50/rewriter/CNKI/&#39;);">中国知网</a>
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

防止重複發送Ajax請求的解決方案

#Ajax請求過程中下載檔案在FireFox(火狐)瀏覽器下的相容問題

解決ajax回傳驗證的時候總是彈出error錯誤的方法

以上是探討.get .post .ajax ztree 還有後台servlet傳遞資料的相關知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板