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为标识符来 ...

随机推荐

Java 学习注解
转载:https://blog.csdn.net/briblue/article/details/73824058 注解语法因为平常开发少见,相信有不少的人员会认为注解的地位不高.其实同 class ...
android 开发 View _9_ 实现渐变功能(直线与圆形)
参考博客:https://blog.csdn.net/iispring/article/details/50500106/ android颜色渐变的分类有: LinearGradient线性渐变线性 ...
[UGUI]圆形Image
参考链接: http://www.cnblogs.com/leoin2012/p/6425089.html 前面说过Mask组件会影响性能:https://www.cnblogs.com/lyh916 ...
Mysql 和 SQLServer 使用SQL差异比较
查询前100条数据 #mysql ; #sqlserver * from table_name ; 从数据库.表定位表 #mysql写法:库名.表名 select password from Inf ...
转 cxgrid属性说明
TCXGRID控件:属性:ActiveLevel: 当前层BorderStyle: 窗口风格Color: 颜色FocusedView: 当前View;Font: 字体LevelTabs: 类似Page ...
linux目录与文件权限的意义
现在我们已经知道了Linux系统内文件的三种身份(所有者,用户者,与其他人),知道每种身份都有三种属性(r,w,x),已经能够使用chown,chgrp,chmod去修改这些权限和属性,那么这些文件权 ...
利用python的requests发送http请求
>>> from requests import put, get >>> put('http://localhost:5000/todo1', data={'da ...
oracle --hint总结
得到一条sql语句执行计划的常用方法:1.explain plan 命令 2.DBMS_XPLAN包3.sqlplus中的AUTOTRACE开关4.10046事件5.10053事件6.AWR报告或者 ...
ConcurrentModificationException并发修改异常
//创建集合对象 Collection c = new ArrayList(); c.add("hello"); c.add("world"); c.add(& ...
MYSQL分组合并函数
MySQL中group_concat函数完整的语法如下:group_concat([DISTINCT] 要连接的字段 [Order BY ASC/DESC 排序字段] [Separator '分隔符' ...

servlet跨域

servlet跨域的更多相关文章

随机推荐

热门专题