解决方式 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. 机器学习进阶-图像形态学操作-膨胀操作 1.cv2.dilate(进行膨胀操作)

    1.cv2.dilate(src, kernel, iteration) 参数说明: src表示输入的图片, kernel表示方框的大小, iteration表示迭代的次数 膨胀操作原理:存在一个ke ...

  2. 用 CentOS 7 打造合适的科研环境

    这篇博文记录了我用 CentOS 7 搭建 地震学科研环境 的过程,供我个人在未来重装系统时参考.对于其他地震学科研人员,也许有借鉴意义. 阅读须知: 本文适用于个人电脑,不适用于服务器: 不推荐刚接 ...

  3. jquery-menu-aim插件实现二级导航

    jquery-menu-aim插件是实现二级导航亚马逊式三角滑动的强力工具,它在性能上极佳,快速滑动,基本无延迟效果,源码位置见对应作者的github,接下来附上样例代码: $(function () ...

  4. echarts图表--统计图表

    echarts官网图表API:http://echarts.baidu.com/index.html

  5. VsCode 使用习惯设置（备份）

    { "window.menuBarVisibility": "toggle", "workbench.statusBar.visible": ...

  6. ZooKeeper自定义数据日志目录

    安装版本:zookeeper-3.4.10 问题描述: ZooKeeper在启动时会将zookeeper.out输出到当前目录,不仅不友好,有时候可能会因为目录权限问题引发一些不必要的麻烦. 脚本分析 ...

  7. week06 08 postman 测试jsonrpc

    用postman来测试rpc需要添加特别的字段 ’ { "jsonrpc":"2.0", "id":"123", &qu ...

  8. C# 保证数据长度相同

    /// <summary> /// 保证数据长度相同 /// </summary> /// <param name="obj"></par ...

  9. C# 集合转换为DataTable

    该类就用了几个类型,如int,int?,string,所以其它类型就先没管. 用到的类: public class tb_Projects { public int ProID { get; set; ...

  10. MySQL 数据 导入到 SQL Service

    1.下载安装ODBC驱动程序 地址:http://dev.mysql.com/downloads/connector/odbc/ 注意:系统的版本问题( 我的是64位的win7系统,但是SQL Ser ...