ホームページ >ウェブフロントエンド >jsチュートリアル >.get .post .ajax ztree およびバックグラウンド サーブレット データ転送関連の知識について話し合います。
この記事では主に .get .post .ajax ztree とデータを転送するバックグラウンドサーブレットに関する関連知識を紹介します
サーブレットがデータ文字列をフロントデスクに転送するために使用するメソッド
は
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 を簡単に理解すると
最後のものは非同期で、最初の 2 つは同期です(ブロック) )
.get(url,data,function(data,status){ 执行的函数 //我理解的data和url参数的意思是一样的 })
---------------------------------
ztreeの使用法:
ztree の 2 つの json 形式の違いに注意してください。よく使用される単純な形式は、データ間の関係を通じてツリー構造を直接表示することです
2 つ目の形式は、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");
の収集と並べ替えが行われ、バックグラウンドからフロントデスクへのデータ送信の問題は解決されます
については
に置き換えられます.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 メソッドを使用して、バックグラウンドのサーブレット データ メソッドに渡します
<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) メソッドを呼び出す必要があります。 link はこのメソッドにパラメータとして渡されます。例:
<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>
上記は私がコンパイルしたものです。今後、皆様のお役に立てば幸いです。
関連記事:
Ajaxリクエスト中にFireFoxブラウザでファイルをダウンロードする際の互換性の問題
検証エラーを返すときにAjaxが常にポップアップする問題の解決策間違った方法
以上が.get .post .ajax ztree およびバックグラウンド サーブレット データ転送関連の知識について話し合います。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。