Parallax Image

Cutls Code Archives


SNZ 2016

Prototype.js記(Ajaxしてみる)

カテゴリ:Code Archives 投稿日:2016年2月10日

前の記事の続き
別にPrototype.jsとjQueryの共存について書く気はありません。これは考察ブログじゃなくてあくまでもコードの保管庫ですので。
結果、Cutls.comがちゃんと動いてる、つまり、共存できてます。
ただし、今までheadタグ内にあったjQueryの読み込みやそれに依存したなにやらは全部bodyに追いやられました。
Prototype.jsでAjaxをする、これが暗黙的なゴールです。check.phpは今までからHTMLを全て排除し、GETリクエストに応じてOKかNGかをechoするだけにしました。
JS完全初心者が書いたコードはこちらです。



アドレスチェック

アドレスチェックを押すと(これのclassは飾り)stu();が実行されて変数stに例の希望アドレスが入る。そしてgetElementById()でLoading表示を、そしてエラー処理を全くせずにコピペで得たコードで取得したものをmessに入れる。それをalertしてLoading表示を消して結果を出すだけのもの。
多分もっと簡単にできると思うのでこのコードをコピペして使うのはやめましょう。