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>