FR.ajax

ajax はサーバとデータを交換する技術で、ページ全体を再読み込みせずにウェブページの一部を更新できます。

FR.ajax はカプセル化された jQuery.ajax () 関数で、帳票で特定のウェブページに ajax リクエストを行います。data パラメータには中国語、日本語、韓国語のコード処理が施されています。

options は ajax パラメータで、以下の表のように説明します：

［options］は json 形式で指定され、その属性は以下の表の通りです：

success: function(data, textStatus){  
 // data はサーバから返され、かつ dataType パラメータに基づいて処理されたデータ。
//textStatus は状態値 success
}

FR.ajax({
        url: "/webapps/webroot/a.html",
        success: function(data, textStatus) {
               alert(this.url);
        }
});

error: function(XMLHttpRequest, textStatus, errorThrown){ 
//パラメータはそれぞれ、XMLHttpRequest オブジェクト、エラーメッセージ、取得した異常オブジェクト。
//通常、textStatus と errorThrown のいずれか一方のみが情報を含む
 }

FR.ajax({
        url: "/someurl",
        error: function(XMLHttpRequest, textStatus, errorThrown) {
               alert(this.url);
        }
});

complete: function(XMLHttpRequest, textStatus){  
//パラメータはそれぞれ、XMLHttpRequest オブジェクトと、リクエスト成功・失敗を示す文字列
 }

FR.ajax({
        url: "/someurl",
        complete: function(XMLHttpRequest, textStatus) {
               alert(this.url);
        }
});

cpt のセルハイパーリンクの JavaScript スクリプトで ajax リクエストを発信し、異なるコールバック関数で各ケースを処理する場合：

var username = "1";
var password = "1";
FR.ajax({   
   url:"http://env.finedevelop.com:59204/Test
/ReportServer?op=fs_load&cmd=sso",
   data:{
        fr_username:username,
        fr_password:password
   },
   dataType:"jsonp",//クロスドメインで jsonp メソッドを使用する     
   timeout:5000,//タイムアウト時間（単位：ミリ秒）
   //success:function(data) { //dataパラメータは戻り値によって変わる
        //FR.Msg.alert("success",data.status);
   //},   
   //error:function(errorThrown){   
        //FR.Msg.alert("error",errorThrown);
   //},
   complete: function(res,textStatus){ 
        FR.Msg.alert("complete",textStatus); 
   }  
})

特定の応用シーンにおいて、ログイン状態でのみ一部の操作を許可し、未ログイン時には実行不可とする場合、まず現在のログイン状態を判定する必要があります。以下の図のように：

FR.ajax を通じ、ページを更新せずにログイン状態をリクエストし、結果を返すことができます。実現方法は以下の通りです。

1）テンプレートを新規作成し、ボタンを追加し、[ボタン名]を「ログイン状態を確認」に変更します。以下の図のように：

2）ボタンをクリックし、ボタンに[クリック]イベントを追加します。イベントの内容は、ページを更新せずにログイン状態をリクエストし、結果を返すことです。以下の図のように：

JavaScriptコードは以下の通りです：

FR.ajax({
url: "/webroot/decision/login/info",
async: true,
complete: function (res, status) {
if (status == 'success') {
var u = FR.jsonDecode(res.responseText);
if (u != null && u.data) {
FR.Msg.alert("通知","ログイン状態");
//u.data.ip u.data.time u.data.city 前回のログインip、時間、都市をそれぞれ返すことが可能
}else{
FR.Msg.alert("通知","ログアウト状態");
}
}
}});

3）テンプレートを保存し、[改ページプレビュー] をクリックすると、応用シーンに示すような効果が表示されます。

テンプレートをダウンロードするにはこちらをクリックしてください：ログイン状態をリアルタイムで取得.cpt

注意：V1.8.0 以降の「FineVisデータ可視化」プラグインをインストールする必要があります。

FineVis 可視化カンバンで[タイトルコンポーネント]に[JavaScript]インタラクションクリックイベントを追加します。操作手順は以下の図の通りです：

JavaScriptコードは以下の通りです：

注意：FineVis でコードを使用する場合、FR.xxx を duchamp.xxx に変更する必要があります。また、全てのパラメータ形式は json 形式で指定してください。

duchamp.ajax({
  url: "/webroot/decision/login/info",
  async: true,
  complete: function (res, status) {
     if (status == 'success') {
       var u = duchamp.jsonDecode(res.responseText);
       if (u != null && u.data) {
         duchamp.Msg.alert({
         title: "通知",
         message: "ログイン状態",
         });
//u.data.ip u.data.time u.data.city 前回のログインip、時間、都市をそれぞれ返すことが可能
         } else {
          duchamp.Msg.alert({
          title: "通知",
          message: "ログアウト状態",
          });
          }
     }
  }
});

プレビューの効果は以下の図のように表示されます：

テンプレートをダウンロードするにはこちらをクリックしてください：JSによるポータルログイン状態の確認を実現.fvs