Ajax prototype.js 非同期通信を行う その

-


Topページ  >  お勉強  >  Ajax  >  非同期通信を行う その 

非同期通信を行う その

Ajaxを使用してサーバに非同期通信し、画面リフレッシュ(画面遷移)無しで画面の切り替えを行います。




prototype.js


使用バージョン:1.5.1 公式サイト





1. ダウンロードしたprototype.jsを読み込みます。

<script type="text/javascript"
    src="prototype.js"></script>


2. Ajax.Updaterメソッドを実行します。

new Ajax.Updater(
     {success : "targetString"},
     "test.txt",
     {method: "get"});




Ajax.Updater( { success:element }, url, { option } )


element 実行結果を反映するエレメントのID。
url 実行するURL。
option 実行時のオプション(全て省略可能)
method:
  実行時のメソッド
  "get"、"post"、"put"、"propfind"
  指定例) method:"get"
parameters:
  パラメータ
requestHeaders:
  HTTPヘッダー配列
insertion:
  挿入方法
  Insertion.Before、Insertion.Top、Insertion.Bottom、Insertion.After
  指定例) insertion:Insertion.Top
evalScripts:
  eval()で評価するかどうかの指定
  true … 評価する
  false … 評価しない
  指定例) evalScripts:true
onFailure:
  通信失敗時に実行するメソッド
  指定例) onFailure:errorMethod



↓インラインフレーム内でサンプルが動作しています。





[Ajax - prototype.js - 通信]


非同期通信を行う その  【Ajax.Request】



Topページ  >  お勉強  >  Ajax  >  非同期通信を行う その 






-