javascriptでjsonﾃﾞｰﾀを取得できたのですが取得したﾃﾞｰﾀｰの下に｢さらに読み込む｣｢read more｣みたいなﾘﾝｸがあり､ｸﾘｯｸすると､遷移なしに下の方にpage=2､…

Wordpress の JSON API を使うということで良いんですよね？
ﾍﾟｰｼﾞ数や､取得した投稿数なども使ってます｡

こんな感じでどうでしょうか｡

<script type="text/javascript">
/*
 指定されたﾍﾟｰｼﾞの投稿を取得する
 */
function json_call(page) {
 var URL = "http://test.com/api/get_recent_posts/?callback=show_posts_widget&read_more=More&";
 var e = document.createElement("script")
 e.src = URL + "page=" + page;
 document.body.appendChild(e);
}

/*
 JSON 形式のﾃﾞｰﾀから､投稿のﾘｽﾄを作成する｡
 */
function show_posts_widget(root) {
 var tags = "<ul>";
 for (var i = 0; i < root.posts.length; i++) {
 tags += '<li><a href="' + root.posts[i].url + '">' + root.posts[i].title + '</a></li'+'>';
 }
 tags += "</ul>";

 var e = document.createElement("DIV");
 e.className = "posts";
 e.innerHTML = tags;
 document.body.appendChild(e);

 /*
 次の投稿を取得するﾘﾝｸ
 */
 if (root.count * root.pages < root.count_total) { // まだ投稿があるなら...

 e = document.createElement("A");
 e.href = "#";
 e.onclick = function() {
 // 次のﾍﾟｰｼﾞを読み込み
 var page = root.pages + 1;
 json_call(page);

 // ひとつ前のﾘﾝｸは消しておく
 var me = this;
 me.parentNode.removeChild(me);

 return false;
 }
 e.innerHTML = "read more ...";
 document.body.appendChild(e);
 }
}

// 1ﾍﾟｰｼﾞ目を表示する
window.onload = function() {
 json_call(1);
 }
</script>

<style>
DIV.posts {
 border: 1px solid green;
}
</style>


<body>
</body>

取得したﾃﾞｰﾀをﾘｽﾄにするのには､document.write ではなく innerHTML を使ってます｡
何となくですが､<UL> を <DIV> で囲みました｡
最後のﾍﾟｰｼﾞを取得したら､"read more ..." は表示しないようにしています｡

追記です｡

var page = root.pages + 1;のところで
root.pagesの値がずっと同じな為"read more ..." をｸﾘｯｸしても
ﾍﾟｰｼﾞ数が加算されず､ずっと同じﾍﾟｰｼﾞが表示されます｡
pageを1加算していくのに
なにかいい代替方法はありますでしょうか？

http://wordpress.org/plugins/json-api/other_notes/#Method:-get_recent_posts
上記の Response の例を見ると､pages は増えていきそうな感じなんですけどね｡

ちょっと､かっこ悪いんですが､最後に表示したﾍﾟｰｼﾞ番号を持つようにしたのがこちらです｡

<script type="text/javascript">
// 最後に表示したﾍﾟｰｼﾞ
last_page = 1;

/*
 指定されたﾍﾟｰｼﾞの投稿を取得する
 */
function json_call(page) {
 var URL = "http://test.com/api/get_recent_posts/?callback=show_posts_widget&read_more=More&";
 URL = "http://localhost/cgi-bin/a.rb?callback=show_posts_widget&";
 var e = document.createElement("script");
 e.src = URL + "page=" + page;
 document.body.appendChild(e);
}

/*
 JSON 形式のﾃﾞｰﾀから､投稿のﾘｽﾄを作成する｡
 */
function show_posts_widget(root) {
 var tags = "<ul>";
 for (var i = 0; i < root.posts.length; i++) {
 tags += '<li><a href="' + root.posts[i].url + '">' + root.posts[i].title + '</a></li'+'>';
 }
 tags += "</ul>";

 var e = document.createElement("DIV");
 e.className = "posts";
 e.innerHTML = tags;
 document.body.appendChild(e);

 /*
 次の投稿を取得するﾘﾝｸ
 */
 if (root.count * root.pages < root.count_total) { // まだ投稿があるなら...

 e = document.createElement("A");
 e.href = "#";
 e.onclick = function() {
 // 次のﾍﾟｰｼﾞを読み込み
 last_page += 1;
 json_call(last_page);

 // ひとつ前のﾘﾝｸは消しておく
 var me = this;
 me.parentNode.removeChild(me);

 return false;
 }
 e.innerHTML = "read more ...";
 document.body.appendChild(e);
 }
}

// 1ﾍﾟｰｼﾞ目を表示する
window.onload = function() {
 json_call(1);
 }
</script>

<style>
DIV.posts {
 border: 1px solid green;
}
</style>