Parallax Image

Cutls Code Archives


SNZ 2016

WordPress JSON REST API

カテゴリ:Code Archives, WordPress 投稿日:2016年2月29日

前回
これで取得したやつをrequireしてしまえばいいのですがcode.cutls.comへのアクセスではなくwordpress.comへのアクセスのAPIなのでとにかく遅い。3秒くらいかかってしまいます。トップページはなるべく軽く(今でも十分に重い)したいので、最近(自分の中で)流行りのPrototype.jsでボタンを押したときのみ取得しちゃいましょう。

再三言いますがJSは完全初心者なんでなんとか動かせる程度しかできません!!
Prototype.jsが読まれているのが前提とします。これで

読み込み

aタグを押して読み込みが開始されてdivにLoading表示と結果が表示されます。
地味にこのコードをキレイに表示するSyntaxHighlighterのJavaScriptのやつを今回初めて使います。

function lt(){ 
var st=document.iform.name.value;
document.getElementById("latest").innerHTML="Loading...";
var xurl="latest.php?";
new Ajax.Request(xurl, {
		method: "get",
		asynchronous: true,
		onComplete: function(response) {
		var mess=response.responseText;
document.getElementById("latest").innerHTML=mess;
		}
	});
}

以上です。
あと、ExpansysでXperia XA
(エントリーモデル)とX(ミドルレンジモデル)の予約が始まりましたね