分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

简单ajax跨域请求

发布时间:2023-09-06 01:59责任编辑:蔡小小关键词:跨域

最近遇到需要ajax跨域的需求

首先看下不做任何处理特别处理的ajax跨域请求会出现什么样的错误

客户端代码:

<script type="text/javascript"> ???$.ajax({ ???????url: ‘http://localhost/test/respone.php‘, ???????type: ‘get‘, ???????dataType: ‘json‘, ???????success:function (res) { ???????????console.log(res); ???????} ???}); ???</script>

服务端代码:

<?phpecho json_encode([‘name‘=>‘ogq‘,‘age‘=>18]);?>

运行结果:

提示:Failed to load http://localhost/test/respone.php: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://my.com‘ is therefore not allowed access.错误

这是因为浏览器ajax不能跨域造成的,下面是我查找资料后简单做的一个ajax跨域请求与返回

客户端代码:

<script type="text/javascript"> ???$.ajax({ ???????url: ‘http://localhost/test/respone.php‘, ???????type: ‘get‘, ???????dataType: ‘jsonp‘, ???????success:function (res) { ???????????console.log(res); ???????} ???}); ???</script>

  没错,只是将dataType:"json" 改成了“jsonp”,

然后是服务器端代码:

<?phpecho $_REQUEST[‘callback‘],‘(‘.json_encode([‘name‘=>‘ogq‘,‘age‘=>18]),‘)‘;?>

  在请求一次,输出结果

这样就能正常跨域了

ps:没有深究,能正常使用就可以了。嘻嘻

简单ajax跨域请求

原文地址:https://www.cnblogs.com/ouguangqiang/p/9176803.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved