请求的资源上不存在Access-Control-Allow-Origin标头

Question

DISCLAIMER: This question is a question about question. So that makes this question a meta question. It does not have any connection to the previously asked questions. If you find any resemblance, lemme tell you one thing- it's purely coincidental.

我想从我的网页发出一个AJAX请求。 我一直试图这样做，但没有一种方法能够很好地完成。 我发现接近现实的唯一帖子就是这个 。

我尝试了来自SO和其他类似网站的各种其他方法，但所有这些帖子只对我说了一件事。

"No 'Access-Control-Allow-Origin' header is present on the requested resource."

我知道你现在要把这个问题标记为重复，因为有很多类似的问题。 现在..Lemme告诉你'一件事。 我尝试了在SO中找到的每一件事，但是他们都没有给我我想要的结果。 这不是因为他们都错了。 因为我对如何使用'em'没有任何了解。 最后......我找到了上面提供的链接。 这很容易..但我需要知道关于代码的某些事情。这是我第一次听到美丽的首字母缩略词 - CORS。 所以，如果有人可以帮助我理解我提出的问题，那么就可以为所有人提供选票。 在我今年第三次庆祝生日之前，我想解决这个儿子的问题。 我将以资源和问题的形式告诉你我所拥有的一切。

1) A rotten server located at Elizabeth town.
2) I need to access it.
3) I am planning to make a HTTP GET request.
4) I have a url. (eg. http://whereismyweed.com)
5) I store it into a JavaScript variable. var stoner='http://whereismyweed.com'
6) I have a HTML div tag in my webpage. (<div id="myprecious"></div>)
7) I wanna display the response I get from the server inside of 'myprecious' div.
8) And last but not the least... my AJAX function. (Courtesy: some website I visited)




$.ajax({
                url: stoner,
                    data: myData,
                    type: 'GET',
                    crossDomain: true, // enable this
                    dataType: 'jsonp',
                    success: function() { alert("Success"); },
                error: function() { alert('Failed!'); },
                beforeSend: setHeader
            });

什么是'myData'？ 它包含什么 如何获得此请求的响应？ 什么是'setHeader'？ 它有什么意义吗??? 如何在myprecious div中显示响应？ 我应该在功能上做些什么改变？ 这个功能是否正确？

问题太多了，对吧???? 嗯......我只需要一个共同的答案吗？

Answer 1

您的功能是正确的。遵循以下步骤，实现您的目标 -

 //for getting response modify your code like 

      success:function(response){
            alert(response);
            $('#myprecious').html(response); //myprecious is id of div
     }

  // myData variable is jSon object which contains request parameter has to send.Eg.
     var myData = {'first_name':'Foo','last_name':'Bar'}  // now on server first_name and last_name treated as request parameter.


  // If server not required any special headers to validate request 'setHeader' does not require. by default $.ajax will take care of it. you can remove it.



     /// final code looks like 


         $.ajax({
            url: stoner,
                data: myData, 
                type: 'GET',
                crossDomain: true, // enable this
                dataType: 'jsonp',
                success: function(response ) { $('#myprecious').html(response);    
  },
                error: function() { alert('Failed!'); }

        });