javascript - JavaScript Ajax 查询和 Smarty 出错

Question

我正在尝试使用 AJAX JSONP 查询从我在 Cloudant 上托管的 CouchDB 中读取文档。

This是网页。以下是相关代码部分。

<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>

但是，当我将此脚本标记放入该网页时，我只是得到一个空白网页，我不知道为什么。我什至没有调用该函数，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}

Answer 1

没有 $.ajax() 的版本支持第二个参数作为回调。(该语法仅适用于 shorthand versions，例如 $.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>