$.ajax和$.getJson解决跨域请求
程序员文章站
2022-04-28 08:12:44
...
写js时总是会遇到跨域请求的问题,现在了解了两种方法,记录之:
1)使用$.ajax,但是返回数据类型要设置为jsonp,示例:
$.ajax({ type: 'get', contentType: "application/json; charset=utf-8", url: "http://localhost:8080/aqi/getCityList.php", dataType: 'jsonp', headers: { Accept: "application/json", "Access-Control-Allow-Origin": "*" }, crossDomain: true, async: false, jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 success:function(json){ getCityListSuccess(json); }, error: function (data, textStatus, errorThrown) { console.log("error" + ' ' + JSON.stringify(data) + textStatus + errorThrown); } });PHP端的代码为:
推荐阅读
-
HTML5中使用postMessage实现Ajax跨域请求的方法
-
Python的Django应用程序解决AJAX跨域访问问题的方法
-
PHP简单实现HTTP和HTTPS跨域共享session解决办法
-
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
-
JQuery Ajax跨域调用和非跨域调用问题实例分析
-
jquery跨域请求示例分享(jquery发送ajax请求)
-
Spring boot 和Vue开发中CORS跨域问题解决
-
Springboot解决ajax+自定义headers的跨域请求问题
-
跨域请求的完美解决方法(JSONP, CORS)
-
IE9版本以下ajax 跨域问题可行解决方法