jquery如何调用外部url？

Question

我正在尝试使用 jquery 在 Facebook 墙上发表评论。

但我的 ajax 调用不允许外部 url 。

谁能解释一下我们如何在 jquery 中使用外部 url ？

下面是我的代码：

var fbUrl="https://graph.facebook.com/16453004404_481759124404/comments?access_token=my_token";

$.ajax({        
    url: fbURL ,
    data: "message="+commentdata,
    type: 'POST',
    success: function (resp) {
        alert(resp);
    },
    error: function(e){
        alert('Error: '+e);
    }  
});

它给出 xmlhtttprequest 错误。

Answer 1

所有这些答案都是错误的！

正如我在评论中所说，您收到该错误的原因是该 URL 不符合“同源策略< /a>”，但您仍然可以使用 AJAX 函数来访问另一个域，请参阅 尼克·克拉弗斯回答了这个类似的问题：

您需要触发 JSONP 行为
通过添加 &callback=? 与 $.getJSON() 一起使用
在查询字符串上，如下所示：

$.getJSON("http://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&titles="+title+"&format=json& ;回调=？”，
函数（数据）{
    doSomethingWith(数据); 
}); 

您可以在这里进行测试。

如果不使用 JSONP，您就会遇到
阻塞的同源策略
从获取任何 XmlHttpRequest
数据返回。

考虑到这一点，以下代码应该可以工作：

var fbURL="https://graph.facebook.com/16453004404_481759124404/comments?access_token=my_token";

$.ajax({
    url: fbURL+"&callback=?",
    data: "message="+commentdata,
    type: 'POST',
    success: function (resp) {
        alert(resp);
    },
    error: function(e) {
        alert('Error: '+e);
    }  
});

Answer 2

JQuery 和 PHP

在 PHP 文件“contenido.php”中：

<?php
$mURL = $_GET['url'];

echo file_get_contents($mURL);
?>

在 html 中：

<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
<script type="text/javascript">
    function getContent(pUrl, pDivDestino){
        var mDivDestino = $('#'+pDivDestino);

        $.ajax({
            type : 'GET',
            url : 'contenido.php',
            dataType : 'html',
            data: {
                url : pUrl
            },
            success : function(data){                                               
                mDivDestino.html(data);
            }   
        });
    }
</script>

<a href="#" onclick="javascript:getContent('http://www.google.com/', 'contenido')">Get Google</a>
<div id="contenido"></div>

Answer 3

这是跨站脚本问题。常见的现代浏览器不允许向另一个网址发送请求。

Answer 4

我认为唯一的方法是使用 MANOJ 和 Fernando 建议的内部 PHP 代码。

在服务器上的 php 文件中curl post/get -->使用 ajax 调用此 php 文件

PHP 文件 (fb.php)：

$commentdata=$_GET['commentdata'];
$fbUrl="https://graph.facebook.com/16453004404_481759124404/comments?access_token=my_token";
curl_setopt($ch, CURLOPT_URL,$fbUrl);
curl_setopt($ch, CURLOPT_POST, 1);
// POST data here
curl_setopt($ch, CURLOPT_POSTFIELDS,
        "message=".$commentdata);

// receive server response ...
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$server_output = curl_exec ($ch);
echo $server_output;
curl_close ($ch);

然后使用 AJAX GET

fb.php?commentmeta=your comment goes here

从服务器获取。

或者使用来自外部服务器的简单 HTML 和 JavaScript 来执行此操作：

Message: <input type="text" id="message">
<input type="submit" onclick='PostMessage()'>
<script>
function PostMessage() {
var comment = document.getElementById('message').value;
    window.location.assign('http://yourdomain.tld/fb.php?commentmeta='+comment)
}
</script>

Answer 5

google 的 javascript 同源策略

简而言之， ，您尝试使用的 url 必须具有相同的根和协议。
所以
http://yoursite.com
无法访问
https://yoursite.com 或
http://anothersite.com

您绝对必须绕过此保护（正如 galimy 指出的那样，这是在浏览器级别） ，请考虑您最喜欢的 Web 服务器的 ProxyPass 模块。

Answer 6

Hi url 应该调用一个函数，该函数作为回报将给出响应

$.ajax({
url:'function to call url',
...
...

});

尝试使用/调用 API facebook 方法

Answer 7

按照以下简单步骤，您将能够获得结果

第 1 步 - 在后端创建一个内部函数 getDetailFromExternal。
步骤 2- 在该函数中，使用 cUrl 调用外部 url，如下所示的函数

 function getDetailFromExternal($p1,$p2) {

        $url = "http://request url with parameters";
        $ch = curl_init();
        curl_setopt_array($ch, array(
            CURLOPT_URL => $url,
            CURLOPT_RETURNTRANSFER => true            
        ));

        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
        $output = curl_exec($ch);
        curl_close($ch);
        echo $output;
        exit;
    }

步骤 3- 使用 javascript/jquery Ajax 从前端调用该内部函数。