[Ajax jQuery] jQueryを使用して、JSONPファイルの中身を表示させたい

Question

JSONPファイルを使用して、中身のJSONファイル部分　二行め　"["　から下から二行め　"]"　までを表示させたいです。

<div id="jsonp_data"></div>

	$.ajax({
		type: 'GET',
		url: 'jsonp.jsonp',
		dataType: 'jsonp',
		jsonpCallback: 'jsonpfile',
		success: function (json) {
			var pre = $("<pre>");
			var code = $("<code>").text(json);
			pre.append(code);
			$("#jsonp_data").append(code);
		}
});

jsonpfile(
[
		{
			"name": "あいうえお",
			"tag": "tag001",
	},
		{
			"name": "かきくけこ",
			"tag": ["tag001", "tag002"],
	},
		{
			"name": "さしすせそ",
			"tag": ["tag001", "tag003"],
	}
]
);

Answer 1

JSONPはコールバックでjsonデータをオブジェクトとして受け取る仕組みです
オブジェクトをdivに流し込むときは文字列化するので
ちょっと本末転倒な感が否めません

Comments

[yambejp]

一応こんな感じ

$(function(){
$.ajax({
type: 'GET',
url: 'jsonp.jsonp',
dataType: 'jsonp',
jsonpCallback: 'jsonpfile',
}).done(function (json) {
$("#jsonp_data").append(JSON.stringify(json));
});
});

[Barulu_sour]

回答ありがとうございます。
Ajaxの使い方についての勉強をしていました。
基本的にHTMLを変更するのは理解しているのですが、気になったのでトライしてみました。
わかりやすくご回答いただきありがとうございます。

Answer 2

サーバー側で対応してないとダメなのですが、サーバー側はどうなっているのですか？　質問からはサーバ側を全然考えてないように見えるのですが。

きちんとできていれば、function(json) の json には、コールバック jsonpfile の引数の JSON 文字列が JavaScript オブジェクトに変換されて渡されるはずです。

Comments

[Barulu_sour]

回答ありがとうございます。
Ajaxの使い方についての勉強をしていました。
サーバーサイドの勉強もしないとですね。ありがとうございます。