servlet跨域

后台代码

package edu.nf.ch01.server;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

/**

 * @Author Eric

 * @Date 2018/12/3

 */

@WebServlet("/login")

public class CorsServer extends HttpServlet {

    @Override

    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

/*

        //允许跨域访问，通过response对象写回一些跨域访问的头信息

        resp.setHeader("Access-Control-Allow-Origin","*");

        //允许请求的方法

        resp.setHeader("Access-Control-Allow-Methods","GET,POST,PUT,DELETE");

*/

        String userName = req.getParameter("userName");

        String password = req.getParameter("password");

        resp.setContentType("text/html;charset=utf-8");

        if("admin".equals(userName) && "123".equals(password)){

            resp.getWriter().println("success");

        }else{

            resp.getWriter().println("fail");

        }

    }

}

html

<!DOCTYPE html>

<html>

    <meta charset="utf-8">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">

    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>

    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>

    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>

    <head>

        <a class="button button-link button-nav pull-left" href="/demos/card" data-transition='slide-out'>

              <span class="icon icon-left"></span>

              返回

        </a>

        <h1 class="title">我的App</h1>

    </head>

    <body>

        <nav class="bar bar-tab">

            <a class="tab-item active" href="#">

              <span class="icon icon-home"></span>

              <span class="tab-label">首页</span>

            </a>

            <a class="tab-item" href="#">

              <span class="icon icon-me"></span>

              <span class="tab-label">我</span>

            </a>

            <a class="tab-item" href="#">

              <span class="icon icon-star"></span>

              <span class="tab-label">收藏</span>

            </a>

            <a class="tab-item" href="#">

              <span class="icon icon-settings"></span>

              <span class="tab-label">设置</span>

            </a>

          </nav>

        <div class="content">

              <div class="list-block">

                  <form id="f1">

                    <ul>

                      <!-- Text inputs -->

                      <li>

                        <div class="item-content">

                          <div class="item-inner">

                            <div class="item-title label">Name</div>

                            <div class="item-input">

                              <input type="text" name="userName" placeholder="Your name">

                            </div>

                          </div>

                        </div>

                      </li>

                      <li>

                        <div class="item-content">

                          <div class="item-inner">

                            <div class="item-title label">Password</div>

                            <div class="item-input">

                              <input type="password" name="password" placeholder="password">

                            </div>

                          </div>

                        </div>

                      </li>

                    </ul>

                </form>

              </div>

              <div class="content-block">

                <div class="row">

                  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>

                  <div class="col-50"><a href="#" id="login" class="button button-big button-fill button-success">登陆</a></div>

                </div>

              </div>

        </div>

    </body>

    <script>

        $(function(){

            $("#login").on("click",function(){

                    $.ajax({

                    type:"post",

                    url:"http://localhost:8080/login",

                    data:$("#f1").serialize(),

                    success:function(result){

                        alert(result);

                    }

                });

            });

        });

    </script>

</html>

可以用Filter-CorsFilter类

package edu.nf.ch01.filter;

import javax.servlet.*;

import javax.servlet.annotation.WebFilter;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

/**

 * @author wangl

 * @date 2018-12-03

 */

@WebFilter("/*")

public class CorsFilter implements Filter {

    @Override

    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

        HttpServletResponse resp = (HttpServletResponse) servletResponse;

        //允许跨域访问，通过response对象写回一些跨域访问的头信息

        resp.setHeader("Access-Control-Allow-Origin","*");

        //允许请求的方法

        resp.setHeader("Access-Control-Allow-Methods","GET,POST,PUT,DELETE");

        //放行

        filterChain.doFilter(servletRequest, servletResponse);

    }

    @Override

    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override

    public void destroy() {

    }

}

servlet跨域的更多相关文章

详解Jquery和AngularJs，Servlet中jsonp解决跨域问题(转)
众所周知,jsonp可以解决跨域问题,下面是我在查阅资料和实际项目使用后的一些总结. Jquery中jsonp的使用 //myUrl = "http://localhost:8090/api ...
利用servlet做转发，实现js跨域解决同源问题
做前端开发,避免不了跨域这个问题,跨域具体什么概念,不赘述,博客里太多.简单说下,我们用js发请求,不管post还是get,如果发请求的对象和当前web页面不在同一域名下,浏览器的同源策略会限制发请求 ...
servlet 过滤器实现请求转发（跳转）；跨域转发请求；tomcat 环境下。
一般的文章都有文本内容和图片的.我想实现一个图片服务(或服务器)来单独处理图片逻辑,和文章处理逻辑分离.于是我想到一个办法,来尝试. 背景: 1. 假如文章的处理在web App,就叫web1 吧 ...
巧妙利用JQuery和Servlet来实现跨域请求
在网上看到很多的JQuery跨域请求的文章,比较有意思.这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考.不足之处请指教原理:JavaScript的Ajax不可以跨域,但是可 ...
JQuery和Servlet来实现跨域请求
在网上看到很多的JQuery跨域请求的文章,比较有意思.这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考.不足之处请指教原理:JavaScript的Ajax不可以跨域,但是可 ...
servlet处理跨域请求
前言我们要做的是让在一个不在当前项目文件夹的前端页面发送Ajax请求,由一个远程servlet处理代码创建一个web工程导入所需的jar-> servlet-api.jar fastjs ...
JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
session,ajax 跨域cookie
什么是Session, 什么是Cookie? Session是由应用服务器维持的一个服务器端的存储空间,用户在连接服务器时,会由服务器生成一个唯一的SessionID,用该SessionID为标识符来 ...

随机推荐

Python的hasattr(),getattr(),setattr()
今天读到源码时遇到了setattr()和getattr()两方法,给忘了,重新回顾一下吧! 1. hasattr(object, name) 判断object里是否有name属性,有就返回True,没 ...
MongoDB复制集技术
复制集搭建没毛病: https://www.cnblogs.com/nicolegxt/p/6841442.html?utm_source=itdadao&utm_medium=referr ...
C# 语言历史版本特性（C# 1.0到C# 7.1汇总更新）
历史版本C#作为微软2000年以后.NET平台开发的当家语言,发展至今具有17年的历史,语言本身具有丰富的特性,微软对其更新支持也十分支持.微软将C#提交给标准组织ECMA,C# 5.0目前是ECMA ...
Docker系列08：容器监控
1 监控解决方案 cadvisor+influxdb+grafana cAdvisor:Google开源的工具,用于监控Docker主机和容器系统资源,通过图形页面实时显示数据,但不存储:它通过宿主机 ...
C语言数据结构基础学习笔记——基础线性表
线性表是指具有相同数据类型的n(n>=0)个数据元素的有限序列,它具有一个表头元素和一个表尾元素,并且每一个数据元素最多只有一个直接前驱和一个直接后继. 线性表的顺序存储也叫作顺序表,它的特性是 ...
JVM之堆内存（年经代，老年代）
一.为什么会有年轻代我们先来屡屡,为什么需要把堆分代?不分代不能完成他所做的事情么?其实不分代完全可以,分代的唯一理由就是优化GC性能.你先想想,如果没有分代,那我们所有的对象都在一块,GC的时候我 ...
python-反射案例讲解
login.py#!/usr/bin/dev python# coding:utf-8 def index(): print u'欢迎访问xx网站首页' def login(): print u'登录 ...
React琐碎
1 dangerouslySetInnerHTML 使用此属性的原因是得到一个安全的数据,生成一个仅包含唯一key——__html的对象,表明这段内容会被当成text/taint使用,它的使用方式是这 ...
user story
What is a user story? A user story is a short description of something that your customer will do wh ...
Hibernate 再接触性能优化
Sessionclear 否则session缓存里越来越多 Java有内存泄露吗? 在语法中没有(垃圾自动回收) 但是在实际中会有比如读文件没有关什么的 1+N问题解决方法:把fetch设置为la ...

servlet跨域

servlet跨域的更多相关文章

随机推荐

热门专题