解决方式 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. Centos7 Minimal 安装后 初始化配置

    安装完成后初始化配置 1:更新yum yum upgrade 2: 安装基础命令 #yum -y install vim* lrzsz gcc-c++ pcre pcre-devel zlib zli ...

  2. Centos6 下安装Nginx+Mysql+PHP

    安装nginx https://segmentfault.com/a/1190000007928556 添加源 $ wget http://nginx.org/packages/centos/6/no ...

  3. P、NP、NPC和NP-Hard相关概念的图形和解释

    P.NP.NPC和NP-Hard相关概念的图形和解释 http://blog.csdn.net/huang1024rui/article/details/49154507 一.相关概念 P: 能在多项 ...

  4. linux 时间相关的一些总结

    仅作为内核代码中时间管理模块的笔记,3.10内核,很乱,不喜勿喷. 先有time,后有timer. 常用的time结构有哪些?除了大名鼎鼎的jiffies和jiffies64之外,还有常用的一些结构如 ...

  5. Redis进阶实践之四Redis的基本数据类型（转载4）

    Redis进阶实践之四Redis的基本数据类型 一.引言 今天正式开始了Redis的学习,如果要想学好Redis,必须先学好Redis的数据类型.Redis为什么会比以前的Memchaed等内存缓存软 ...

  6. python实现Excel删除特定行、拷贝指定行操作

    工作中遇到的,本来用VBA写的,操作很慢,尝试用Python实现, 任务需求: 从原始的两张表中拷贝行到五张表中,如下表所示: source1和source2是一样的格式:         one t ...

  7. Google 2013笔试题一

    2.1 给定三个整数a,b,c,实现 int median(int a, int b, int c),返回三个数的中位数,不可使用sort,要求整数操作(比较,位运算,加减乘除等)次数尽量少,并分析说 ...

  8. 四则运算之Right-BICEP单元测试

    一. 这篇博客要对上次实现的四则运算进行单元测试,一是检查上次的程序的实现情况,二是巩固单元测试的相关知识.本次进行单元测试用的是Riget-BICEP方法. Riget-BICEP方法: 1.Rig ...

  9. Structs复习 包含外部xml和默认Actiion

    包含外部xml 可以用 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PU ...

  10. winform clickonce在线安装

    转 http://swanmsg.blog.sohu.com/162994305.html