如何利用jQuery的JSONP技术实现跨域调用外部Web服务？

I've had a similiar problem, unfortunately I don't have the code at hand.

我有一个类似的问题,不幸的是我没有手头的代码。

From memory:

• Add [ScriptService] as an attribute to your Web Method

将[ScriptService]作为属性添加到Web方法中

• Also change your url to call the HelloWorld procedure.
  Something like http://localhost:1096/MySite/WebService.asmx/HelloWorld?callback

同时更改您的网址以调用HelloWorld过程。类似于http:// localhost:1096 / MySite / WebService.asmx / HelloWorld?回调

See: What are some good examples of JQuery using JSONP talking to .net? & What is the best way to call a .net webservice using jquery?

请参阅:使用JSONP与.net交谈的JQuery的一些很好的例子是什么?使用jquery调用.net webservice的最佳方法是什么?

The point with JSONP is the P! P as in padding. You are padding the JSON object literal with a function call - invoking a function on the calling page taking the data object as an argument.

JSONP的观点是P! P如填充。您正在使用函数调用填充JSON对象文字 - 在调用页面上调用函数,将数据对象作为参数。

I.e. if you request the webservice, send the desired callback function name in the query string

即如果您请求Web服务,请在查询字符串中发送所需的回调函数名称

...service/?callback=hello

Then the service should answer (using appropriate mime type):

然后服务应该回答(使用适当的mime类型):

hello({a: 17, b: 4117});

For a more in-depth explanation, see: http://www.stpe.se/2008/10/cross-site-data-retrieval-using-jsonp/

有关更深入的说明,请参阅:http://www.stpe.se/2008/10/cross-site-data-retrieval-using-jsonp/

You can't issue a POST request using JSONP, only GET (because GETs the resource).

您不能使用JSONP发出POST请求,只能发出GET(因为

Hezil's code worked for me, but I had to change the server code to this:

Hezil的代码对我有用,但我不得不将服务器代码更改为:

$data = '{"name" : "hello world"}'; echo $_GET['callback'] . '(' . $data . ');';

Note the "callback" instead of "jsoncallback".

注意“回调”而不是“jsoncallback”。

First you should add jsonp ('callback') in your web server like $_GET['callback']

首先,您应该在Web服务器中添加jsonp('callback'),例如$ _GET ['callback']

Second ,don't forget the ';' after the output scripts

其次,不要忘记';'输出脚本之后

$data = '{"name" : "hello world"}';
echo $_GET['jsoncallback'] . '(' . $data . ');';

Now you can find out why the "missing ; before statement" problem occured.

现在你可以找出为什么会出现“缺失;在声明之前”的问题。

html:

$.getJSON({"http://localhost:1096/MySite/WebService.asmx?callback=?",
        function(data){alert(data);}
        });