解决js使用ajax访问的跨域问题
2016-09-15 14:06
676 查看
笔记:
在搭建好nginx和php后急忙测试了一个简单的页面,其中使用了ajax访问服务器
$.post('http://localhost:82/forumObject/check_name.php', {
uname: unameValue
}, function(data) {
document.write(data);
}, 'html');
});
返回不是json所以没用jsonp,可是存在跨域的问题,提示我
XMLHttpRequest cannot load http://localhost/index.php No
'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost/index.php'
is therefore not allowed access
解决办法就是在被请求的服务端页面添加header
header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Methods:GET');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
加上这些header然后就能正常使用了
在搭建好nginx和php后急忙测试了一个简单的页面,其中使用了ajax访问服务器
$.post('http://localhost:82/forumObject/check_name.php', {
uname: unameValue
}, function(data) {
document.write(data);
}, 'html');
});
返回不是json所以没用jsonp,可是存在跨域的问题,提示我
XMLHttpRequest cannot load http://localhost/index.php No
'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost/index.php'
is therefore not allowed access
解决办法就是在被请求的服务端页面添加header
header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Methods:GET');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
加上这些header然后就能正常使用了
相关文章推荐
- 解决ajax不能访问本地文件问题(利用js跨域原理)
- 使用js解决跨域访问的问题
- 前端使用ajax发送jsonp格式解决跨域访问的问题
- 【转】js 跨域访问问题解决方法
- js解决cookie跨域访问的问题
- js 跨域访问问题解决方法
- JS跨域访问问题解决方法
- 解决ASP.NET AJAX在frame及iframe中跨域访问的问题
- 求ajax跨域请求js拒绝访问解决办法
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- 后台访问 JS解决跨域问题
- js_跨域访问问题解决方法
- PHP 访问URL 解决AJAX 跨域问题
- 解决ASP.NET AJAX在frame及iframe中跨域访问的问题
- AJAX跨域问题解决一:使用web代理
- 使用HTML5 跨域共享特性解决AJAX跨域数据同步问题
- js 跨域访问问题解决方法
- 使用Jsonp解决跨域数据访问问题[转]
- 使用JQUERY解决AJAX的跨域问题
- ASP.NET使用ajax时js失效问题解决