解决方式 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. javascript：width，innerwidth和outerwidth的区别

    width()方法用于获得元素宽度 innerWidth()方法用于获得包括内边界(padding)的元素宽 outerWidth()方法用于获得包括内边界(padding)和边框(border)的元 ...

  2. apache-php

    1.安装apache https://www.cnblogs.com/lxlb/p/9159056.html 2.安装php https://www.cnblogs.com/37yan/p/68794 ...

  3. ReactiveX 学习笔记（17）使用 RxSwift + Alamofire 调用 REST API

    JSON : Placeholder JSON : Placeholder (https://jsonplaceholder.typicode.com/) 是一个用于测试的 REST API 网站. ...

  4. [C语言]数据类型与计算

    ------------------------------------------------------------------------------------------------- 实际 ...

  5. JAVAWEB 一一 Spirng（框架，IOC控制反转，DI依赖注入）

    jar包 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <bea ...

  6. svn的上传冲突问题

    上传报错实际是 1 . 之前上传的代码与现代码不一样 2. 上传的代码中有错误 需要先拉下来,对比删除不要的,再上传 eclipse加入svn :  1.import  ---从svn检出项目---创 ...

  7. monkeyrunner学习笔记

    前面部分内容转自http://blog.csdn.net/zm2714/article/details/7980634 Android自动化测试之Monkeyrunner使用方法及实例 目前andro ...

  8. com.google.gson.stream.MalformedJsonException

    今天下午项目更新后,调用接口时,提示“请求失败”,发现项目网络框架解析时,报错如下:com.google.gson.stream.MalformedJsonException: Unterminate ...

  9. python网络编程之互斥锁

    标签(空格分隔): 互斥锁 进程之间的数据不共享,但是共享同一套文件系统,所以访问同一个文件,或者同一个打印终端,是没有问题的,而共享带来的问题就是竞争,竞争带来的结果就是错乱,如下: #并发运行,效 ...

  10. metasploit framework（十一）：获取漏洞信息

    查看参数 这个模块运行需要一个session 所以需要先获取到一个session 就获得了一个session 再回到枚举补丁模块 添加session 查看参数看到session已经添加上去了 run ...