Ajax跨域解决

最新推荐文章于 2024-09-25 17:20:24 发布
最新推荐文章于 2024-09-25 17:20:24 发布
阅读量128 收藏
点赞数
文章标签： json javascript web.xml ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_554/article/details/82676220
版权
html部分

<script type="text/javascript">

    var refundReturn = function(){

        var paymentBody = {};

        paymentBody.order_sn = "0sn00000";

        paymentBody.success_url = "www.baidu.com";

        $.ajax({

            method: "POST",

            url: 'http://localhost:8085/iprp_app/api/payment',

            data: JSON.stringify(paymentBody),

            dataType : "json",

            success: function (data) {

                if (data == "success") {

                    

                } else if (data == "fail") {

                    

                } else if (data == "cancel") {

                    

                }

            },

            error: function (xhr, textStatus, errorThrow) {

                alert(xhr.readyState);

            }

        });

    };

</script>

<body>

    <button  οnclick="refundReturn()">微信支付</button>

</body>

 

java部分

web.xml文件内

 

    <!--CORS跨域问题-->

    <filter>

        <filter-name>CORS</filter-name>

        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>

        <init-param>

            <param-name>cors.allowOrigin</param-name>

            <param-value>*</param-value>

        </init-param>

        <init-param>

            <param-name>cors.supportedMethods</param-name>

            <param-value>GET, POST, HEAD, PUT, DELETE, OPTIONS</param-value>

        </init-param>

        <init-param>

            <param-name>cors.supportedHeaders</param-name>

            <param-value>Accept,Authorization,token,Origin, X-Requested-With, Content-Type, Last-Modified</param-value>

        </init-param>

        <init-param>

            <param-name>cors.exposedHeaders</param-name>

            <param-value>Set-Cookie</param-value>

        </init-param>

        <init-param>

            <param-name>cors.supportsCredentials</param-name>

            <param-value>true</param-value>

        </init-param>

    </filter>

    <filter-mapping>

        <filter-name>CORS</filter-name>

        <url-pattern>/*</url-pattern>

    </filter-mapping>

    <!--CORS跨域问题-->

 

iteye_554
关注
ajax中cors解决跨域,AJAX 跨域 CORS 解决方案
weixin_39954569的博客
08-06 1605
两种跨域方法在 Javascript 中跨域访问是比较常见的事情就像现在比较流行写单页应用，而单页应用在访问 API 的时候就会有跨域的问题要解决跨域的问题，其实也并不复杂，有两种方案可以选择Jsonp 跨域Jsonp 的实现原理就是：创建一个回调函数，然后在远程服务上调用这个函数并且将 JSON 数据形式作为参数传递，完成回调。CORS(跨域资源共享)跨源资源共享标准通过新增一系列 HTTP 头...
Javascript跨域和Ajax跨域解决方案
08-08
本文将深入探讨JavaScript和Ajax跨域的原理，以及常用的解决方案。 首先，理解同源策略是解决跨域问题的基础。同源策略是浏览器为了保障用户安全而设定的一种机制，它规定了只有同源（即协议、域名和端口都相同）的...
AJAX跨域解决方案
哈
12-01 8476
简介 JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。 JavaScript的同源策略：只有协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。比如www.aa.com下的...
ajax跨域解决方案
m0_71831069的博客
05-15 303
在前端开发中如何解决跨域问题的方案
Javascript跨域和Ajax跨域解决方案总结
程序员人生,专注互联网程序开发
05-17 410
1.什么引起了ajax跨域不能的问题 ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告或者直接不执行。 2.有什么完美的解决方案么？ 暂时没有。解决方案有不少，但是只能是根据自己的实际情况来选择。 网上的方法很多，可以百度下，下面是我的方法 将ajax请求到本域名下的控制器，然后再本域名下的控制器，例如php的file_get_contents或者curl请求外部url数据，然后返回给自己域名下的JS ...
AJAX跨域问题及解决方案
忆亦何为的博客
10-16 8660
首先建两个服务器，服务器1：HTTP为8080端口，JMX端口为1099，部署ajax1模块，服务器2：HTTP为8081端口，JMX端口为1098，部署ajax2模块。是可以加载Servlet的，也就是说到时候响应一段字符串拼接的调用函数，参数是json类型，到时候这个json就是一个业务结果，传过来，让前端调用。所以，从安全的角度来讲，同源策略是有利于保护网站信息的。现在大部分系统都是大型应用，分布式的微服务的，有一些情况我们是需要使用ajax进行跨域访问的，所以就需要解决跨域的问题。
Ajax：ajax跨域解决方案代理机制原理及实现
dengfengling999的博客
07-23 1612
让ajax请求访问servlet，可以让ajax请求跨域，通过直接本应用中的资源servlet，ajax可以不跨域访问本应用中的servlet，让java程序发送Get，Post请求，来访问2号服务器中的的servlet。ProxyServlet发送get请求，访问b站点TargerServlet，请求响应回来数据在进行响应。首先把架包导入创建lib目录，复制进去选中右键Addaslibrary。（2）ajax跨域解决方案之代理机制的代码实现。引入架包httpclient架包。...
jquery ajax跨域解决方法(json方式)
m0_71272694的博客
11-09 1321
都要请求用户json信息，然后再对数据进行处理，起初我和同事们试了很多种方法，使用$.ajax() 无论是get或post方法都会引起uri deny的错误。一番GG之后发现了解决方法，也了解其中的原因。jquery从1.2开始，.getJSON就支持跨域操作了。使用jquery.getJSON()方法可以解决跨域问题。Response.Write(jsoncall + "({htmls:测试001})");最近公司开发的项目中很多地方需要跨域ajax请求，比如几个子域名下。
解决ajax跨域问题【5种解决方案】
热门推荐
zp的博客
09-02 17万+
什么是跨域问题? 跨域问题来源于JavaScript的"同源策略"，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题。 查看浏览器开发者工具Console报错： Failed to load http://a.a.com:8080/A/...
AJAX跨域问题解决方案
weixin_59528719的博客
02-22 2001
跨域访问的资源、跨域访问
前端Ajax跨域解决方案
w36680130的博客
10-09 221
前端Ajax跨域解决方案
ajax跨域解决办法
12-25
【AJAX跨域解决办法】 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下更新部分网页的技术。然而，由于浏览器的同源策略限制，AJAX请求通常只能发送到与当前页面同一源的...
IE8、IE9 Ajax 跨域解决办法
08-03
解决ie8、9Ajax跨域问题（前端）：jsp引入此js，Jquery Ajax正常写
python+requests接口测试（tonken）
最新发布
AgostoDu的博客
09-25 1006
登录接口参数：{"username":"admin","password":"e6WGOz+g/FuR646O7IF8JrlC6qH/anCI9/0UCsVDnUxN2aBdGKtRffNb1W7i87dRavZCNyP9yqvAcXLgdKtsRA==","code":"8888","uuid":"{{uuid}}"}网站：http://shop.duoceshi.com/login?第二个接口：登录接口：http://manage.duoceshi.com/auth/login。
优化 Go 语言数据打包：性能基准测试与分析
dsgdauigfs的博客
09-24 1165
对于序列化和反序列化在复用内存后，速度的提升非常明显，在同步的操作下，能做到 0 字节分配。异步场景下，使用 sync.Pool 内存固定字节分配（两个返回值在堆上分配）- encode_to：性能最优，几乎没有内存分配，适用于高性能要求的场景。- encode_with_pool：使用内存池优化，显著减少了时间和内存开销，适用于大多数场景。- encode：标准方法，时间和内存开销较高。
JS的基础语法
weixin_61898502的博客
09-24 1093
空(null)
Latex和Vscode安装和配置
bulletstart的博客
09-25 964
介绍latex和vscode的安装和配置
深入理解AJAX跨域解决方案
"本文详细介绍了AJAX跨域的相关知识，包括跨域的原因、解决方案以及不同环境下的实现方法。" 在Web开发中，AJAX（Asynchronous JavaScript and XML）跨域问题是一个常见的挑战。由于浏览器的同源策略限制，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值