ajax请求跨域

解决方式 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请求跨域的更多相关文章

day78_淘淘商城项目_11_单点登录系统实现 + 用户名回显 + ajax请求跨域问题详解_匠心笔记
课程计划 1.SSO注册功能实现 2.SSO登录功能实现 3.通过token获得用户信息 4.ajax跨域请求解决方案--jsonp 1.服务接口实现 SSO系统就是解决分布式环境下登录问题的,本 ...
解决ajax请求跨域
跨域大部分需要通过后台解决,引起跨域的原因: 3个问题同时满足才可能产生跨域问题,即跨域(协议,主机名,端口号中有一个不同就产生跨域) 下面是解决方法方法一 // ajax请求跨域 /* *解决a ...
解决Ajax请求跨域问题
from:https://blog.csdn.net/wang379275614/article/details/53333775 上篇文章提到,由于浏览器的同源策略,使得,AJAX请求只能发给同源的 ...
处理Ajax请求跨域问题
ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”. CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resourc ...
关于ajax请求跨域问题
jQuery中的异步请求跨域的方法: xhrFields: {withCredentials: true} 当设置为 true时,表示允许跨域: false时,表示禁止跨域
Ajax请求跨域问题 -- 转载
几乎每种浏览器都存在默认的安全机制,都有同源策略,因为浏览器恶意的把每个外部请求的都当做是黑客攻击,相当于是对自身的保护,所以浏览器在运行脚本时会判断脚本与请求的页面是否是同一来源,这个同一来源,包括 ...
ajax请求跨域问题
ajax跨域,这个是面试的时候常被问到,也是在做项目的时候会遇到的问题,在之前的项目中就有遇到过,这里根据经验写了三种分享下 1.使用中间层过渡的方式简单来说就是"后台代理",把 ...
web api 解决Ajax请求跨域问题
前端ajax请求接口时,经常出现跨域问题,当然了解决方法有很多种,比如: http://www.jb51.net/article/68424.htm 我本人恰好前后端都会一点,所以直接在接口端处理. ...
WebApp开发：ajax请求跨域问题的解决
服务端:PHP 客户端:Andorid, HTML5, jQuery, ajax 现象:本想通过jQuery的ajax功能从服务器取回数据存到手机的缓存里,结果总是错误,后来想到可能是跨域问题,所以查 ...
nginx配置解决ajax请求跨域问题
文章来源:http://to-u.xyz/2016/06/30/nginx-cors/ 背景描述最近在研究RESTful API接口设计,使用的是Nginx,要实现本地http://127.0.0. ...

随机推荐

获取本机内网、外网ip(C++)<转>
基础知识电脑在局域网内,通过网关/路由器连接到Internet则ip分为内网ip.外网ip.通过ipconfig得到的为局域网ip. 电脑直接拨号连接等,则本机通过ipconfig得到的就是外网ip ...
如何使用JDBC查询所有记录
public class JdbcDao { private Connection conn=null; //数据库连接对象 private String strSql=null; / ...
【剑指offer】单链表尾部插入一个节点
#include <iostream> using namespace std; //链表结构体 struct ListNode { int m_Value; ListNode *next ...
Spring3.0学习1.2（使用annotation）
使用annotation 首先 xml文件更改新加xslt <?xml version="1.0" encoding="UTF-8"?> < ...
idea git 从github上拉取项目更改上传
更改上传: 新增文件上传时注意:
BN和滑动平均
BN目的是使得每层训练的输出结果在同一分布下,实验证明不仅可以加速收敛速度,还可以提高准确度因为如果想要计算所有图像的均值与方差,显然不太现实,所以每次计算每个batch的方差与均值,为了使得每个b ...
elastastic search
curl -X PUT "10.97.184.40:9200/logstash-2015.05.18" -H 'Content-Type: application/json' -d ...
react ES5 与ES6的写法
ES5var React = require('react'); var ReactDOM = require('react-dom'); // 定义组件 var HelloMessage = Rea ...
crontab -e文件存放路径
crontab -e结果存放在/var/spool/cron/crontabs中
大型运输行业实战_day01_2_需求文档
1.文档格式 (见模板文件) 2.Axure简单使用 2.1安装Axure傻瓜式安装 2.2简单使用axure 3.总结需求文件完成后应该包括三种文件: 1.axure文件 2.axure生成的ht ...

ajax请求跨域

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

随机推荐

热门专题