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>