ホームページ >ウェブフロントエンド >jsチュートリアル >.get .post .ajax ztree およびバックグラウンド サーブレット データ転送関連の知識について話し合います。

.get .post .ajax ztree およびバックグラウンド サーブレット データ転送関連の知識について話し合います。

亚连
亚连オリジナル
2018-05-24 13:55:071546ブラウズ

この記事では主に .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(&#39;http://127.0.0.1:8000/iras50/rewriter/CNKI/&#39;);">中国知网</a>

上記は私がコンパイルしたものです。今後、皆様のお役に立てば幸いです。

関連記事:

Ajaxリクエストが繰り返されないようにする解決策

Ajaxリクエスト中にFireFoxブラウザでファイルをダウンロードする際の互換性の問題

検証エラーを返すときにAjaxが常にポップアップする問題の解決策間違った方法

以上が.get .post .ajax ztree およびバックグラウンド サーブレット データ転送関連の知識について話し合います。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。