ajax 跨域调用webservice 使用jsonp解决方法

最新推荐文章于 2023-09-27 12:36:54 发布

diaotu1837

最新推荐文章于 2023-09-27 12:36:54 发布

阅读量210

点赞数

文章标签： json 前端后端 ViewUI

原文链接：http://www.cnblogs.com/wdnrsjd/p/8820168.html

版权

前端：

$.ajax({
type: "POST", //访问WebService使用Post方式请求
contentType: "application/json;charset=utf-8", //WebService 会返回Json类型
url: "http://localhost:42072/WebService/Service.asmx/HelloWorld?jsonpcallback=?", //调用WebService
data: "{}",
dataType: 'jsonp',
success: function(response) { //回调函数，result，返回值

//var json = eval('(' + response+ ')');
alert(response.name);

}
});

后端：

[WebMethod]
public void HelloWorld()
{
Context.Response.ClearHeaders();

Context.Response.Charset = "UTF-8";

Context.Response.ContentEncoding = System.Text.Encoding.GetEncoding("UTF-8");
JavaScriptSerializer js = new JavaScriptSerializer();
string jsonpCallback = HttpContext.Current.Request.QueryString["jsonpcallback"];
person p = new person();
p.name = "Hello World";
string jsonStr = js.Serialize(p);

jsonStr= jsonpCallback + "(" + jsonStr + ")";

Context.Response.Write(jsonStr);

Context.Response.End();

}
class person
{
public string name;
}

转载于:https://www.cnblogs.com/wdnrsjd/p/8820168.html