QA@IT
«回答へ戻る

注意書き追加

5599
 サーバー側でjsonp(指定した場合)を見てその関数を呼び出すコードになっているか確認してください。
 (jsonpも省略した場合はcallback=~~ として飛んできます。)
 
+**不正データへの対処がされていませんので、検証用途以外では絶対にこのままでは使用しないでください。**
+
 ```
 <html lang="ja">
 <head>

こんにちは、

コールバック関数名は指定しなければjQueryが自動で生成してくれたと思います。
それではだめですか?

<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>

追記 サンプル

以下のコードで動くことは確認しました(ドメイン名は変更してます)。
サーバー側でjsonp(指定した場合)を見てその関数を呼び出すコードになっているか確認してください。
(jsonpも省略した場合はcallback=~~ として飛んできます。)

不正データへの対処がされていませんので、検証用途以外では絶対にこのままでは使用しないでください。

<html lang="ja">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div id="a">
</div>
<div id="b">
</div>
<script type="text/javascript">
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.data);
        }
    });
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.data);
        }
    });    
});
</script>
</body>
</html>

jsonp_atit.php

<?php
ini_set("default_charset","utf-8");
ini_set("mbstring.internal_encoding","utf-8");
//jsonp.php
if(isset($_GET["jsoncallback"])){
  header("Content-type: text/javascript;");
  echo $_GET["jsoncallback"]."( { data : '";
  echo "Sample Data";
  echo "'});";
}
?>
こんにちは、

コールバック関数名は指定しなければjQueryが自動で生成してくれたと思います。
それではだめですか?
```
<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>
```

## 追記  サンプル
以下のコードで動くことは確認しました(ドメイン名は変更してます)。
サーバー側でjsonp(指定した場合)を見てその関数を呼び出すコードになっているか確認してください。
(jsonpも省略した場合はcallback=~~ として飛んできます。)

**不正データへの対処がされていませんので、検証用途以外では絶対にこのままでは使用しないでください。**

```
<html lang="ja">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div id="a">
</div>
<div id="b">
</div>
<script type="text/javascript">
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.data);
        }
    });
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.data);
        }
    });    
});
</script>
</body>
</html>
```

jsonp_atit.php
```
<?php
ini_set("default_charset","utf-8");
ini_set("mbstring.internal_encoding","utf-8");
//jsonp.php
if(isset($_GET["jsoncallback"])){
  header("Content-type: text/javascript;");
  echo $_GET["jsoncallback"]."( { data : '";
  echo "Sample Data";
  echo "'});";
}
?>
```

サンプルコード追記

5599
 });
 </script>
 ```
+
+## 追記  サンプル
+以下のコードで動くことは確認しました(ドメイン名は変更してます)。
+サーバー側でjsonp(指定した場合)を見てその関数を呼び出すコードになっているか確認してください。
+(jsonpも省略した場合はcallback=~~ として飛んできます。)
+
+```
+<html lang="ja">
+<head>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+</head>
+<body>
+<div id="a">
+</div>
+<div id="b">
+</div>
+<script type="text/javascript">
+$(function(){
+    $.ajax({
+        type: 'GET',
+        url: 'http://example.com/jsonp/jsonp_atit.php',
+        dataType: 'jsonp',
+        jsonp: 'jsoncallback',
+        success: function(json){
+            $("#a").text(json.data);
+        }
+    });
+    $.ajax({
+        type: 'GET',
+        url: 'http://example.com/jsonp/jsonp_atit.php',
+        dataType: 'jsonp',
+        jsonp: 'jsoncallback',
+        success: function(json){
+            $("#b").text(json.data);
+        }
+    });    
+});
+</script>
+</body>
+</html>
+```
+
+jsonp_atit.php
+```
+<?php
+ini_set("default_charset","utf-8");
+ini_set("mbstring.internal_encoding","utf-8");
+//jsonp.php
+if(isset($_GET["jsoncallback"])){
+  header("Content-type: text/javascript;");
+  echo $_GET["jsoncallback"]."( { data : '";
+  echo "Sample Data";
+  echo "'});";
+}
+?>
+```

こんにちは、

コールバック関数名は指定しなければjQueryが自動で生成してくれたと思います。
それではだめですか?

<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>

追記 サンプル

以下のコードで動くことは確認しました(ドメイン名は変更してます)。
サーバー側でjsonp(指定した場合)を見てその関数を呼び出すコードになっているか確認してください。
(jsonpも省略した場合はcallback=~~ として飛んできます。)

<html lang="ja">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div id="a">
</div>
<div id="b">
</div>
<script type="text/javascript">
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.data);
        }
    });
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.data);
        }
    });    
});
</script>
</body>
</html>

jsonp_atit.php

<?php
ini_set("default_charset","utf-8");
ini_set("mbstring.internal_encoding","utf-8");
//jsonp.php
if(isset($_GET["jsoncallback"])){
  header("Content-type: text/javascript;");
  echo $_GET["jsoncallback"]."( { data : '";
  echo "Sample Data";
  echo "'});";
}
?>
こんにちは、

コールバック関数名は指定しなければjQueryが自動で生成してくれたと思います。
それではだめですか?
```
<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>
```

## 追記  サンプル
以下のコードで動くことは確認しました(ドメイン名は変更してます)。
サーバー側でjsonp(指定した場合)を見てその関数を呼び出すコードになっているか確認してください。
(jsonpも省略した場合はcallback=~~ として飛んできます。)

```
<html lang="ja">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div id="a">
</div>
<div id="b">
</div>
<script type="text/javascript">
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.data);
        }
    });
    $.ajax({
        type: 'GET',
        url: 'http://example.com/jsonp/jsonp_atit.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.data);
        }
    });    
});
</script>
</body>
</html>
```

jsonp_atit.php
```
<?php
ini_set("default_charset","utf-8");
ini_set("mbstring.internal_encoding","utf-8");
//jsonp.php
if(isset($_GET["jsoncallback"])){
  header("Content-type: text/javascript;");
  echo $_GET["jsoncallback"]."( { data : '";
  echo "Sample Data";
  echo "'});";
}
?>
```

回答を投稿

こんにちは、

コールバック関数名は指定しなければjQueryが自動で生成してくれたと思います。
それではだめですか?

<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>
こんにちは、

コールバック関数名は指定しなければjQueryが自動で生成してくれたと思います。
それではだめですか?
```
<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>
```