解决方式 1：

解决方式 2：

服务端：

package ceshi_utils;

import java.util.*;

import com.xwhb.utils.encrypt.CipherUtil;

import com.xwhb.utils.encrypt.MD5Util;

import io.vertx.core.AbstractVerticle;

import io.vertx.core.eventbus.DeliveryOptions;

import io.vertx.core.http.HttpMethod;

import io.vertx.core.http.HttpServer;

public class CSHttpVerticle extends AbstractVerticle {

    @Override

    public void start() throws Exception {

        super.start();

        HttpServer server = vertx.createHttpServer();

        server.requestHandler(req -> {

            if (req.method() == HttpMethod.GET) {

                if (req.path().equals("/xwh-order")) {

                    req.response().setChunked(true);

                    req.bodyHandler(buffer -> {

                        String way = req.getParam("way");

                        System.out.println("way ："+way);

                        if (null != way){

                            way = "WX";

                        }else {

                            way = "ZFB";

                        }

                        String sr=HttpRequest.sendPost("http://47.96.12.223/xwhbank", generateParams_order(way));

                          System.out.println(sr);

                        req.response().putHeader("Access-Control-Allow-Origin","*");//allow all ip

                        req.response().putHeader("Access-Control-Allow-Methods","Get,Post,Put,OPTIONS");

                        req.response().putHeader("Access-Control-Allow-Headers","X-Requested-With,Content-Type,Accept");

                          req.response().putHeader("Content-Type", "text/html;charset=utf-8");

                          req.response().setStatusCode(200).write(sr).end();

                    });

                }else if(req.path().equals("/xwh-withdraw")){

                    req.response().setChunked(true);

                    req.bodyHandler(buffer -> {

                        String sr=HttpRequest.sendPost("http://47.96.12.223/xwhbank", generateParams_withdraw());

                        System.out.println(sr);

                        req.response().putHeader("Access-Control-Allow-Origin","*");//allow all ip

                        req.response().putHeader("Access-Control-Allow-Methods","Get,Post,Put,OPTIONS");

                        req.response().putHeader("Access-Control-Allow-Headers","X-Requested-With,Content-Type,Accept");

                        req.response().putHeader("Content-Type", "text/html;charset=utf-8");

                        req.response().setStatusCode(200).write(sr).end();

                    });

                }else {

                    req.response().setStatusCode(500).end();

                }

            }

        });

        server.listen(8123);

    }

    private String generateParams_withdraw() {

　　　　...

    }

    private String generateParams_order(String way){

       ...

    }

}

浏览器端

<!DOCTYPE html>

<html>

<head>  

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

    <meta http-equiv="Access-Control-Allow-Origin" content="*">    这行测试时不要也可以

    <title>登录</title>

    <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>

    <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script> 

</head>

<body>

<div id="qrcode"></div>

    <script type="text/javascript">

        $.ajax({

            type: "GET",

            url: "http://47.96.146.122:8123/xwh-order?way=WX",

            dataType: "text",

            success: function (data) {

                $('#qrcode').qrcode(data);

            }

        });

    </script>

</body>

</html>

ajax请求跨域的更多相关文章

  1. day78_淘淘商城项目_11_单点登录系统实现 + 用户名回显 + ajax请求跨域问题详解_匠心笔记

    课程计划 1.SSO注册功能实现 2.SSO登录功能实现 3.通过token获得用户信息 4.ajax跨域请求解决方案--jsonp 1.服务接口实现   SSO系统就是解决分布式环境下登录问题的,本 ...

  2. 解决ajax请求跨域

    跨域大部分需要通过后台解决,引起跨域的原因: 3个问题同时满足 才可能产生跨域问题,即跨域(协议,主机名,端口号中有一个不同就产生跨域) 下面是解决方法 方法一 // ajax请求跨域 /* *解决a ...

  3. 解决Ajax请求跨域问题

    from:https://blog.csdn.net/wang379275614/article/details/53333775 上篇文章提到,由于浏览器的同源策略,使得,AJAX请求只能发给同源的 ...

  4. 处理Ajax请求跨域问题

    ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”. CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resourc ...

  5. 关于ajax请求跨域问题

    jQuery中的异步请求跨域的方法: xhrFields: {withCredentials: true} 当设置为  true时,表示允许跨域: false时,表示禁止跨域

  6. Ajax请求跨域问题 -- 转载

    几乎每种浏览器都存在默认的安全机制,都有同源策略,因为浏览器恶意的把每个外部请求的都当做是黑客攻击,相当于是对自身的保护,所以浏览器在运行脚本时会判断脚本与请求的页面是否是同一来源,这个同一来源,包括 ...

  7. ajax请求跨域问题

    ajax跨域,这个是面试的时候常被问到,也是在做项目的时候会遇到的问题,在之前的项目中就有遇到过,这里根据经验写了三种分享下 1.使用中间层过渡的方式 简单来说就是"后台代理",把 ...

  8. web api 解决Ajax请求跨域问题

    前端ajax请求接口时,经常出现跨域问题,当然了解决方法有很多种,比如: http://www.jb51.net/article/68424.htm 我本人恰好前后端都会一点,所以直接在接口端处理. ...

  9. WebApp开发：ajax请求跨域问题的解决

    服务端:PHP 客户端:Andorid, HTML5, jQuery, ajax 现象:本想通过jQuery的ajax功能从服务器取回数据存到手机的缓存里,结果总是错误,后来想到可能是跨域问题,所以查 ...

  10. nginx配置 解决ajax请求跨域问题

    文章来源:http://to-u.xyz/2016/06/30/nginx-cors/ 背景描述 最近在研究RESTful API接口设计,使用的是Nginx,要实现本地http://127.0.0. ...

随机推荐

  1. C++Builder debug 程序的时候 structure required

    C++Builder debug 程序的时候, deub一个变量 dm->avar; E2288 Pointer to structure required on left side of -& ...

  2. UI5-学习篇-16-云端SCP-Destination配置

    1.登录路径: https://account.ap1.hana.ondemand.com/#/home/welcome 2.查看云连接器 如下图所示,虚拟主机都已连接且资源可用: 若虚拟主机连接存在 ...

  3. 网关、子网掩码、DHCP, DNS

    都跟ip地址相关,IP地址构成:网络地址+主机地址 子网掩码可以确定网络地址,例如某IP:192.168.1.102 子网掩码:255.255.255.0, 那么网络地址就是192.168.1,主机地 ...

  4. 尚硅谷springboot学习21-web开发-处理静态资源

    SpringBoot对静态资源的映射规则 @ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFi ...

  5. 跨域（五）——postMessage

    HTML5的postMessage机制是客户端最直接的中档传输方法,一般用在iframe中父页与子页之间的客户端跨域通信. 浏览器支持情况:Chrome 2.0+.Internet Explorer ...

  6. Linux命令:chown

    Linux命令:chmod https://baijiahao.baidu.com/s?id=1616750933810368135&wfr=spider&for=pc chmod - ...

  7. docker的完整解决方案2

    这个解决方案很简单 使用docker自带的swarm 首先初始化集群 docker swarm init 然后其余节点加入集群,这个就不说,太简单了 集群初始化后,可以查看下集群状态 docker n ...

  8. ArcMap导入图层出现General function failure问题 [转]

      ArcMap导入图层出现General function failure问题 [转] Link: http://www.cnblogs.com/angelx/p/3391967.html 问题描述 ...

  9. 带报表的asp.net项目不要升级

    原来项目是用vs2008开发的,框架是3.5的.刚去公司项目就感觉比较乱,来来去去了几波人.所以我想统一把它升级成vs2010框架4.0. 结果页面经常报错,什么脚本找不到不存.后台脚本是用这句来添加 ...

  10. 当点击回车键后form表单就可提交的实现

    $('#myform').find('input').on('keyup',function(event){ if(event.keyCode == 13){ $('#myform').submit( ...