2014-01-07 1 views
2
<!DOCTYPE html> 
     <html> 
      <head> 
       <meta charset="utf-8" /> 
       <meta name="viewport" content="width=device-width, initial-scale=1" /> 
       <title>webservices example </title> 
       <link rel="stylesheet" href="jquery.mobile-1.1.0.css" /> 
       <link rel="stylesheet" href="my.css" /> 
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
       <script type="text/javascript"> 
        $(document).ready(function() { 
          $.ajax({ 
           type:"GET", 
          url:"http://shoperola.com/Restaurant/foodysrest/sample", 
           crossDomain: true, 
           contentType: "application/json; charset=utf-8", 

           dataType: "json", 
xhrFields: { 

     withCredentials: true 
    }, 
      beforeSend: function (request) { 

request.setRequestHeader("Access-Control-Allow-Origin: ", "*") 
}, 
           success: function(data) { 
               alert(data); 
               }, 
           error: function(data) { 
           alert("Error in Processing-----" + data.status); 
              } 
           }); 
         }); 

       </script> 
      </head> 
     </html> 

"XMLHttpRequest не может загрузить http://shoperola.com/Restaurant/foodysrest/sample? {}. 'Access-Control-Allow-Origin:' Нет заголовка присутствует на запрошенный ресурс. Происхождение «http: //: 8088», следовательно, не допускается ».Нет 'Access-Control-Allow-Origin' заголовок присутствует на запрошенный ресурс

ответ

2

Вы пытаетесь выполнить XMLHttpRequest(AJAX) в другой домен.

Это ограничение по соображениям безопасности.

для получения более подробной информации см: http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

+0

ли вы, означает, что сервер не настроен на это? потому что на стороне клиента я думаю, что это реализовано, как было предложено в CORS, с использованием xhrFields с учетными данными и установкой заголовка с ACAO. –

0

вам не хватает запятой в строке:

request.setRequestHeader ("Access-Control-Allow-Origin:", "*")