AJAX 请求返回 No 'Access-Control-Allow-Origin' header 存在于所请求的资源上。起源

Question

如何将返回的股票价格和其他信息附加到Div？

代码如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>

    function getResults(){
         alert();
         $.get( "http://dev.markitondemand.com/Api/v2/Quote/jsonp?symbol=AAPL", function( data ) {
             document.getElementById("myDiv").innerHTML = data;
             alert( "Load was performed." );
          });
     }

</script>
<head></head>
<body>
    <h2>Click here to start</h2>
    <button type="button" onclick="getResults()">Request Price</button>
    <div id="myDiv">
    </div>

</body>

Answer 1

它是 JSONP，因此您应该能够跨域获取它，但似乎jQuery 需要设置数据类型，所以这样做应该可行

function getResults(){
  $.ajax({
    url  : 'http://dev.markitondemand.com/Api/v2/Quote/jsonp',
    data : {symbol : "AAPL"},
    type : 'GET',
    dataType : 'jsonp'
  }).done(function(data) {
    document.getElementById("myDiv").innerHTML = JSON.stringify(data);
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<h2>Click here to start</h2>
<button type="button" onclick="getResults()">Request Price</button>
<div id="myDiv"></div>

FIDDLE

AJAX 请求返回 No 'Access-Control-Allow-Origin' header 存在于所请求的资源上。起源

AJAX Request returning No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin

jquery

ajax

cross-browser