.NET+AS+JS數據即時更新

2013-09-09

Action Script (AJAX數據即時更新)

 

搭載數據的檔案
serverside code

請參考資料庫或外部檔案讀取的說明文件
說明:
先將數據從資料庫或是即時文當中取出,並做一組session來裝載預設值。
同時把數據寫入文件中,為更新用的資料。

html

<div id=”var1”></div>
<div id=”var2”></div>
<div id=”var3”></div>


說明:
在文件上放置裝載資料的容器,以做為更新的依據。


更新檔案本文
javascript

//頁面初始啟動指令
$(window).load(function(){
     fnUpdate(‘2’,’搭載數據的檔案’); //目前設定為兩秒鐘從搭載數據檔案跟新資料
})

//宣告需要更新的變數
var getVar1;
var getVar2;
var getVar3;

//創立一個定時更新的功能,讓檔案自動在固定時間內取得新資料
//renewTime: 更新的時間(秒)
//dataSource: 搭載數據的檔案
function fnUpdate(renewTime, dataSource) {
    //從搭載數據的檔案中用Ajax載入
    $.ajax(url:dataSource, 
          success: function(rusult) {$(“#varLoader”).html(rusult);},
          error: function(){$(“#varLoader”).html(“目前無任何新資料”)}
    });

    //從搭載數據的檔案中將數據取出放置在變數中
    if (getVar1 == “”) {
        getVar1 = 從session中抓預設值;
        getVar2 = 從session中抓預設值;
        getVar3 = 從session中抓預設值;
    }else{
        getVar1 = $(“#var1”).text();
        getVar2 = $(“#var2”).text();
        getVar3 = $(“#var3”).text();
    }

    setTimeout(“fnUpdate()”, renewTime*1000);
}


說明:
程式開始實執行更新function,跟新function的執行流程為宣告變數、用Ajax取新資料、抓資料、計時

這種更新資料的方式可以避免直接頁面刷新時會出現的閃動現象,並且不會造成資料取出置入的延遲。


html

<div id=”varLoader””></div>


說明:
文件前端放置一個id為varLoader的容器來裝載從Ajax載入的更新資料

 


Action Script POST

import flash.net.URLRequest;
import flash.net.URLVariables;
import flash.net.URLLoader;

btn1.addEventListener(MouseEvent.CLICK, fnGO);

function fnGO(evt:MouseEvent):void
{
    var request1:URLRequest = new URLRequest("目標頁面");
    var params1:URLVariables = new URLVariables();

    params1.參數名稱 = "參數值";
    params1.參數名稱 = "參數值";


    
    request1.method = URLRequestMethod.POST; //方法: post 或 get
    
    request1.data = params1;
    
    navigateToURL(request1,"_blank"); //執行
}


source: http://mrbignose.blogspot.tw/2010/06/actionscript-post-php.html

Contact

Github

Codepen

歡迎參觀我的賣場
© 2013 Copyright Digishot Web | Design Tools
Visitors【633812】
digishot webdesign studio