分享web开发知识

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

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

ajax跨域请求

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

跨域请求 首先先了解什么是跨域?

浏览器同源策略:规定浏览器只能访问同源的资源,不能访问对方的资源。(非授权情况下)

域相同和不同域

满足同域的条件:同协议 同域名 同端口 如http://www.foo.com/a/ 和http://www.foo.com 同域

与http://www.foo.com不同域,如https://www.foo.com 协议不同;http://www.foo.com:8080 端口不同;http://www.foo 域名不同

ajax跨域

方法论 

 jsonp,通过设置ajax中的dataType为jsonp demo如下:

$.ajax({ ??????url: "xxx", ??????dataType: "jsonp", ??????jsonp:‘callback‘, ????????jsonpCallback:"successCallback", ??????success:function(json){ ??????var data = eval(json); ?????????????????????????????????????} ??});

和一般的ajax请求不同的多了个jsonpCallback ;这个是设置访问成功后的回调函数的名称,同时在服务器代码返回的json数据必须要使用jsonpCallback 设置的函数名括起来如successCallback(json数据)

这样ajax请求返回数据时才能成功调用success函数(后台没设置的话会返回会跑到error里)。

当然 如果在js 中successCallback(data)函数,会直接调用这个函数,也能获取到json.

理论

ajax跨域请求

原文地址:http://www.cnblogs.com/Binblink/p/7648472.html

知识推荐

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