使用jQuery Plug-In进行跨域请求

时间:2016-09-27 07:34:16

标签: javascript jquery ajax

我需要从一个不同的网站中使用类'entry'从一个不同的网站中拉出一个小字符串(该类只有一个div而div没有id)。 我了解了这个插件http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/ 但我不知道如何安装或使用代码使其工作。 我只尝试了插件页面上的代码。 我在哪里/如何安装插件?在哪里/如何正确实现给定的代码? 也许一个工作小提琴样本会有所帮助:)

编辑:我使用了这段代码

<script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
<script src="https://raw.githubusercontent.com/padolsey-archive/jquery.fn/master/cross-domain-ajax/jquery.xdomainajax.js"></script>

 <script type="text/javascript">
              jQuery(document).ready(function() {

                  jQuery.ajax({
                      url: 'http://news.bbc.co.uk',
                      type: 'GET',
                      success: function(res) {
                      var headline = jQuery(res.responseText).find('a.tsh').text();
                      alert(headline);
                  }
              });


          });
</script>

我使用phase5 HTML编辑器,所以没有抛出任何错误,对不同编辑器的任何推荐? 代码只是没有产生任何结果,页面正常加载和运行,但没有显示警报。

1 个答案:

答案 0 :(得分:0)

好的我找到了解决方案,这就是我所做的: 添加标题('Access-Control-Allow-Origin:*'); 在wordpress网站的die.php我希望访问然后我使用以下ajax请求来拉取内容:

             jQuery.ajax({
                  url: 'http://www.somesite.wordpress.com/',
                  type: 'GET',
                  success: function(res) {
                      var data = jQuery.parseHTML(res);  
                             jQuery(data).find('div.class').each(function(){
                                 jQuery('#destination').append(jQuery(this).text());
                            });
                  }
              });

我尝试了所有这些:Getting specific element from external site using jQuery / ajax并且最后一个答案对我有效(它与上面提到的代码相同)。 不幸的是我不知道为什么或如何工作,如果这是最好的方式,可能不是 - 它仍然以某种方式工作,所以我很好。 如果有人看到这个并且知道更好/更时尚的解决方案,那将非常受欢迎!