AJAX GET請求API（相同來源策略不適用）

Question

我正在嘗試通過針對API的AJAX請求執行GET。我知道same origin政策。但是，Web服務爲我提供了一個特殊的API密鑰來執行對API的GET AJAX請求。問題是我沒有收到alert(data)成功或alert(boom)錯誤。沒有顯示任何內容。 jquery函數從文本框中獲取值，然後使用該數據執行api調用。

<script> 
$(document).ready(function() { 
    var timer = null; 
    var $new_result=$("#entry"); 
    var $api = $new_result.data('url',$new_result.val()); 

    function submitForm(input) { 
     $.ajax({ 
      type: "GET", 
      url: $api, 
      success: function(data) { 
         alert(data); 
        }, 
        error: function() { 
         alert("boom"); 
        } 
     }); 
     return false 
    } 

    $("#entry").on("change", function() { 
     var input = $(this).val(); 
     clearTimeout(timer); 
     timer = setTimeout(function(){ 
      submitForm(input) ; 
     }, 1000); 
    }) 
}); 
</script> 

<input type="text" id="entry" name="entry" style="width: 1000px;" value="http://somesite.com/apikey?123658744sdfs88f7></br> 

Answer 1

這看起來並不正確可言：

var $new_result=$("#entry"); 
var $api = $new_result.data('url',$new_result.val()); 

相反，如果你想從輸入值，如你所說，你應該使用下列內容：

var api = $("#entry").val(); 

除非您在代碼中的其他位置上的data對象上明確設置了url值，否則不會存在任何內容，whi ch可能是你的問題的原因。