0

CloudantでホストしているCouchDBからドキュメントを読み取るためにAJAXJSONPクエリを使用しようとしています。

これはウェブページです。以下は、関連するコードセクションです。

<script type="text/javascript">
var url = "https://acharya.cloudant.com/toxtweet";
console.log(url);
function getCloudantData(url) {
        $.ajax({
          'url': url, 
          'dataType': 'jsonp'
        }, 
        function (data) { 
          $('#importeddata').text(data);
        });
}
</script>

ただし、このスクリプトタグをそのWebページに配置すると、空白のWebページが表示され、その理由がわかりません。私は関数を呼び出していませんが、JSLintは構文エラーがないと言っています。

テンプレートHTMLファイル

{extends file='toxtweet.tpl'}
{block name="head"}
   <link href="./styles/poll.css" rel="stylesheet" type="text/css" media="Screen">
   <script type="text/javascript">
           var url = "https://acharya.cloudant.com/toxtweet";
           console.log(url);
       $(function(){
          $.ajax({
           'url': 'https://acharya.cloudant.com/toxtweet', 
           'dataType': 'jsonp', 
            success:function (data) { 
             $('#ing').text(data); 
          }});});
     </script>
 {/block}
 {block name="body"}
 <h2> Do you think this tweet is discussing drugs? </h2>
     <form class="poll" method="post" actions="">
     <p id="chosen-tweet"><p>
     <ul>
    {foreach $answers as $answer}
        <li>
            <label class="poll_active">
                <input type="radio" name={$answer} value="0">{$answer@key}
            </label>
        </li>
    {/foreach}
</ul>
</form>
<div id="ing"></div>
 {/block}
 {debug}
4

1 に答える 1

3

$.ajax()コールバックとして 2 番目の引数をサポートするのバージョンはありません.. (その構文は、 , , ..のような簡略バージョン$.get()$.post()$.getJSON用です)

また、jquery メソッドを使用していることにも注意してください。このスニペットの前に jquery をロードしていない場合、$が定義されていないと JavaScript の実行が停止します。

使用する

<script type="text/javascript">
function getCloudantData(url) {
    $.ajax({
        'url': 'https://acharya.cloudant.com/toxtweet', 
        'dataType': 'jsonp', 
        success:function (data) { 
            $('#importeddata').text(data); 
        }
    });
}
</script>
于 2012-12-22T14:48:53.350 に答える