首页 » 网站建设 » phpajax挪用webservice技巧_ajax跨域问题三种解决筹划

phpajax挪用webservice技巧_ajax跨域问题三种解决筹划

访客 2024-11-05 0

扫一扫用手机浏览

文章目录 [+]

如何办理跨域问题

JSONP JSONP是JSON with Padding的略称。
它是一个非官方的协议,它许可在做事器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP大略的实现形式)。
关于jsonp的利用办法,可以参考http://blog.csdn.net/alen1985/article/details/6365394,优缺陷可以参考http://blog.csdn.net/z69183787/article/details/19191385添加相应头,许可跨域 addHeader(‘Access-Control-Allow-Origin:’);//许可所有来源访问 addHeader(‘Access-Control-Allow-Method:POST,GET’);//许可访问的办法代理的办法 做事器A的test01.html页面想访问做事器B的后台action,返回“test”字符串,此时就涌现跨域要求,浏览器掌握台会涌现报错提示,由于跨域是浏览器的同源策略造成的,对付做事器后台不存在该问题,可以在做事器A中添加一个代理action,在该action中完成对做事器B中action数据的要求,然后在返回到test01.html页面。

Demo1(添加许可跨域要求的相应头)

phpajax挪用webservice技巧_ajax跨域问题三种解决筹划

html页面

phpajax挪用webservice技巧_ajax跨域问题三种解决筹划
(图片来自网络侵删)
Web后台

按照上面的访问,由于127.0.0.1:8080和localhost:8081的域和端口不同,以是同样会涌现跨域问题。

现在用添加相应头的办法

Demo2(jsonp的callback办法)

这里演示的是jquery的ajax,后台采取的是webservice接口形式

把稳此时的dataType为jsonp格式,看看后台的吸收

我们返回的实在便是一个函数的调用文本,这里把稳,callback的名称,由于前台没有指定callback函数,以是这里自动天生了,如果想自定义回调函数名称如下操作,添加一行要求参数

这样后台的回调函数名就变成了mytest

浏览器发出的要求格式和相应数据如下,实在便是返回函数的调用,而须要返回的数据则以函数参数值的形式填入

此时掌握台就能够获取到“hello world”

标签:

相关文章

今日头条算法如何打造个化推荐系统

信息爆炸的时代已经到来。人们每天都要面对海量的信息,如何在海量信息中找到自己感兴趣的内容,成为了许多人关注的焦点。今日头条作为一款...

网站建设 2025-01-31 阅读1 评论0