【.NET/.NET Core】解决请求跨域问题

使用jQueryAJAX的JSONP解决跨域问题

原创已于 2024-03-07 14:36:31 修改 · 457 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#c# #javascript

于 2023-03-21 10:03:05 首次发布

本文介绍了如何利用jQuery的AJAX方法中的JSONP类型进行跨域请求。通过设置dataType为jsonp，配合后台返回的回调函数参数，可以实现GET类型的跨域数据交互。后台代码需要根据前端传递的callback参数生成回调函数包裹的JSON序列化数据。

使用jquery中ajax请求的jsonp类型解决请求跨域问题。

js代码：

$.ajax({
			url:'请求接口地址',
			type:'get',
			dataType: 'jsonp',//设置dataType为jasop类型
			success:function(res){
				console.log("res",res)
			}
		})

后台代码

//callback前端请求回调参数
[HttpGet]

public object 请求接口名称(string callback)
{
    object data = new object();
    //返回结果时回传前端请求回调参数
    return callback + "(" + JsonConvert.SerializeObject(data) + ")";
}