webapi做为后端接口时在跨域调用时的注意点

比如一个典型的前端跨域调用：

$.ajax({
url: url,
data: params,
dataType: ‘jsonp’,
jsonpCallback:’jsonpcall’,
contentType: “application/json; charset=utf-8”,
type: ‘get’,
success: function (msg) {
mask.remove();
showMsg(msg + ‘success’);
if (typeof callback_s === ‘function’) {
callback_s(msg);
}
},
error: function (xhr, status, error)
{ console.log(xhr); }
});

其中jsonpCallback要求接口在返回数据时调用jsonpcall 函数，所以后台接口在返回数据时使用：

public HttpResponseMessage getFuwuShanagAll()
{
var newdata= new
{

data = fuwu.SelectFuwuShanagAll()
};
string output = JsonConvert.SerializeObject(newdata);
output = “jsonpcall(” + output + “)”;
return new HttpResponseMessage { Content = new StringContent(output, System.Text.Encoding.UTF8, “application/json”) };
}

其中对要返回的数据使用了jsonpcall()函数包裹。

要返回的数据使用了

Anonymous and Weakly-Typed Objects

的序列化。