ajax跨域——Jsonp
来源:互联网 发布:网络最红女主播是谁 编辑:程序博客网 时间:2024/06/05 07:34
今天在进行学习的当中,想利用jquery当中的$.ajax访问其他服务器来获取数据.这时在Console中提示
XMLHttpRequest cannot load http://0.0.0.0:3001/xxxx. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://0.0.0.0:3000' is therefore not allowed access.
从这里我们可以知道是 我想用3000这个端口去访问3001 但是被拒绝了..
原本是采用的 通过ajax访问本地服务器,在通过服务器端的请求实现跨域请求的..
但是后来发现,使用jsonp可以直接实现ajax跨域的get方法
以下以ruby在rails上为例:
3000端口主要代码:(浏览器)
:javascript $(document).ready(function(){ user_login(); }) function user_login(){ $.ajax({ type:'get', url:'http://0.0.0.0:3001/show_user/', dataType:"jsonp", success:success_result, error:error_result }) } function success_result(username) { alert(username) } function error_result(error) { alert(error) }
def show_user callback=params[:callback] render :text =>callback+"('XiaoMing')"end
这里的params[:callback]是jquery中默认命名的回调函数名,实际url为url?callback=success_result
其实就是success后所对应的方法..
最终结果为 在3000端口弹出'XiaoMing'提示框
因为是jquery中的技术..所以也可以自行转化为其他语言实验..
1 0
- ajax跨域——Jsonp
- jQuery Ajax jsonp 跨域
- jquery ajax跨域 jsonp
- ajax跨域jsonp
- jsonp解决ajax跨域
- jquery ajax jsonp 跨域
- ajax跨域jsonp处理
- ajax jsonp跨域
- ajax跨域?(jsonp)
- ajax 跨域 jsonp 处理
- ajax 跨域jsonp
- struts2 ajax jsonp跨域
- ajax jsonp 跨域
- jquery ajax jsonp 跨域
- ajax跨域jsonp详解
- jquery ajax跨域 jsonp
- Ajax跨域 ---jsonp
- Ajax Jsonp 跨域
- Binary Tree Zigzag Level Order Traversal
- 将文件转换成字符串,常用于读取网站模板
- 手机游戏为何需要强烈的“心跳”?
- [shell] if else以及大于、小于、等于逻辑表达式
- CSDN初探
- ajax跨域——Jsonp
- mysql数据库的备份和还原
- onlongclick不执行
- 汇编cmp比较指令详解
- tactic 服务器迁移
- 检查Linux机器的内存使用状况之Shell脚本实现
- 官方文档对weblogic stuck线程的描述
- NYIST 412 Same binary weight使用bitset
- 一道简单的贪心算法