ajax通信

ajax通信についての記事です。

ajax通信

  1. 概要 ajax通信とは 非同期通信

引用源


概要

ajax通信とは?
ページ全体を換移せずにページをロードする仕組みです。
普段みるホームページもajax通信を使ってたりします。
例として管理人の一部のページ→http://otomegtx.yorozu.us/pic.html
のカテゴリを押すと、中央のページの切り替えが起こります。これもajax使ってます。


ゲームにおいてはソーシャルゲームに使われています。
・ソーシャルゲームのように、進行状況によって適切な会話パートを実行したい。
・ゲームの進行にチケットなどを消費させて、話を進めるタイプのゲーム
・ユーザ側にセーブデータや進行データを保持させたくない
・他のWebアプリケーションと連携したゲーム

早速サーバーサイドと連携したゲームを作る方法を見て行きましょう

サーバーサイドのシナリオファイルを読み込む方法
ティラノスクリプトのindex.html を開きます。その後、下記の部分のコメントを外してください
<!-- First シナリオファイルに外部ファイルを利用したい場合は、こちらにシナリオファイルのURLを指定できます-->
<!--
<input type="hidden" id="first_scenario_file" value="http://test.html5go.info/test/tyrano/" />
    • >


そして、valueのところに読み込みたい、シナリオファイルのURLをhttp://〜 からすべて入力します。

ホスト名はこのindex.htmlが配置されているホスト名と同一にしなければなりません。
以上で、サーバーから読み込んだシナリオファイルを読みだして動作します。

あとは、必要に応じてこの読み先のURLを切り替えて、返却されるシナリオファイルをサーバーサイドで作ってください。
さらに、厳密に許可されていないシナリオにアクセスできないようにするためには、セッションIDのようなものを付与すると良いかと思います。

スクリプトサンプル

496: 2014/03/18 (Tue) 02:17:28
[iscript]

alert("ajax通信開始。サンプルとして天気予報データ");

alert("Data Loaded: " + data);

TG.kag.ftag.startTag("jump",{target:"*end_load"});

});

[endscript]

[s]

* end_load
ajax通信完了後にここが実行される

;---------ここまで

[s] で処理を止めておいて、ajaxの処理完了後に
その後のラベルにジャンプさせてます。

お試しいただけると幸いです
よろしくお願いします。

  • 最終更新:2016-03-31 11:12:16

このWIKIを編集するにはパスワード入力が必要です

認証パスワード