jsonp调用webapi和mvc

时间:2022-05-29 09:55:40

webapi代码如下:

        public string Get(int id)
{
var callback = HttpContext.Current.Request["callback"];
var u = new User { Name = "AA", Age = id };
var result = new JavaScriptSerializer().Serialize(u);
if (string.IsNullOrWhiteSpace(callback))
return result;
else
{
HttpContext.Current.Response.Write(string.Format("{0}({1})", callback, result));
HttpContext.Current.Response.End();
}
return "";
}

注:这种写法必须要用

HttpContext.Current.Response.Write方式返回,具体原因暂时不知道,如果直接返回,前台会请求成功,但是解析时会报错。

MVC写法如下:

        public string Index()
{
var callback = Request["callback"];
return string.Format("{0}({1})", callback, "{\"n\":111}");
}

注:

callback是自定义的回调与jquery保持一致,具体为什么可以了解jsonp原理,也可以通过chrome的network瞅瞅交易的过程

html代码如下:
                $.ajax({
type: "get",
url: "http://localhost:21931/api/myapi/12311111",
dataType: "jsonp",
jsonp: "callback",
success: function (msg) {
jalert(JSON.stringify(msg));
},
error: function (a, b, c) {
jalert("error");
}
});

服务启动后,直接通过浏览器打开页面就可以获取到数据