QA@IT
«質問へ戻る

質問を投稿

jQueryを使用してJSONPのデータが読み込めない

data.jsonのshop.callbackの部分を書き換えずに
jQueryを使用して正しく動作させるには下記のコードを
どのように書き換えればよいのでしょうか?

JavaScript

$.ajax({
    type: 'GET',
    url: 'data.jsonp',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    jsonpCallback: 'shop.callback',
    success: function(json){
        $("body").append(json.item);
    },
    error: function(){
        alert("error"); 
    }
});

data.json

shop.callback({
  "item": "pen"
})
data.jsonのshop.callbackの部分を書き換えずに
jQueryを使用して正しく動作させるには下記のコードを
どのように書き換えればよいのでしょうか?

## JavaScript
```
$.ajax({
	type: 'GET',
	url: 'data.jsonp',
	dataType: 'jsonp',
	jsonp: 'jsoncallback',
	jsonpCallback: 'shop.callback',
	success: function(json){
		$("body").append(json.item);
	},
	error: function(){
		alert("error");	
	}
});

```
## data.json
```
shop.callback({
  "item": "pen"
})
```