前言

我们要做的是让在一个不在当前项目文件夹的前端页面发送Ajax请求，由一个远程servlet处理

代码

  • 创建一个web工程

  • 导入所需的jar-> servlet-api.jar fastjson.jar

  • 编写前端页面

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <input type="button" value="get" id='get'>

    <input type="button" value="POST" id='post'>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

    <script>

        let data = {

            name: '狗剩',

            age: 20

        }

        $("#get").on('click', function() {

            $.ajax({

                type: 'get',

                contentType:'application/json',  //data发送方式

                url: 'http://localhost/TestServlet',   //发送跨域请求

                data: data,

                success: (res) => {

                    console.log("res:", res)

                }

            })

        })

        $("#post").on('click', function() {

            $.ajax({

                type: 'post',

                contentType:'application/json',

                url: 'http://localhost/TestServlet',

                data: JSON.stringify(data),

                success: (res) => {

                    console.log("res:", res)

                }

            })

        })

    </script>

</body>

</html>
  • 配置一个Filter处理跨域请求
import javax.servlet.*;

import javax.servlet.http.HttpFilter;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

public class Filter extends HttpFilter {

    @Override

    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {

        //设置跨域请求

        System.out.println("Filter 过滤器 执行 了");

        HttpServletRequest request = (HttpServletRequest)req;

        HttpServletResponse response = (HttpServletResponse)resp;

        //允许跨域主机地址

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

        //允许跨域方法

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

        //缓存时间

        response.setHeader("Access-Control-Max-Age", "3600");

        //允许跨域的请求头

        response.setHeader("Access-Control-Allow-Headers", "*");

        //是否携带cookie

        response.setHeader("Access-Control-Allow-Credentials", "true");

        //允许放行

        chain.doFilter(request, response);

    }

}
  • 编写servlet处理请求
import com.alibaba.fastjson.JSON;

import javax.servlet.ServletException;

import javax.servlet.ServletInputStream;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.BufferedReader;

import java.io.IOException;

import java.io.InputStreamReader;

import java.util.Map;

public class TestServlet extends HttpServlet {

    @Override

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println("请求已到达-> post");

        request.setCharacterEncoding("utf-8");

        ServletInputStream inputStream = request.getInputStream();

        BufferedReader br = new BufferedReader(new InputStreamReader(inputStream));

        StringBuilder sb = new StringBuilder();

        String str = null;

        while((str = br.readLine()) != null) {

            sb.append(str);

        }

        System.out.println(sb.toString());

        //转为map集合

		Map parseObject = JSON.parseObject(sb.toString(), Map.class);

        System.out.println("parseObject:" + parseObject);

    }

    @Override

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println("请求已到达-> get");

        request.setCharacterEncoding("UTF-8");

        String name = request.getParameter("name");

        int age = Integer.parseInt(request.getParameter("age"));

        System.out.println("name:" + name + ", age:" + age);

    }

}
  • 配置web.xml
<filter>

        <filter-name>Filter</filter-name>

        <filter-class>Filter</filter-class>

    </filter>

    <filter-mapping>

        <filter-name>Filter</filter-name>

        <!-- 配置需要进行跨域的接口 -->

        <url-pattern>/*</url-pattern>

    </filter-mapping>

    <servlet>

        <!--servlet名 -->

        <servlet-name>Test</servlet-name>

        <!-- servlet路径，包名.类名 -->

        <servlet-class>TestServlet</servlet-class>

    </servlet>

    <servlet-mapping>

        <!--servlet映射，必须与servlet-name同名 -->

        <servlet-name>Test</servlet-name>

        <!--浏览器中输入的访问该servlet的url-->

        <url-pattern>/TestServlet</url-pattern>

    </servlet-mapping>
  • 部署项目，启动服务器，测试跨域请求

结语

//需要注意的是前端Ajax请求的url

 url: 'http://localhost/TestServlet'

//servlet的web.xml配置

<url-pattern>/TestServlet</url-pattern>

//localhost后面的地址和xml配置的地址一致即可

servlet处理跨域请求的更多相关文章

  1. 巧妙利用JQuery和Servlet来实现跨域请求

    在网上看到很多的JQuery跨域请求的文章,比较有意思.这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考.不足之处请指教 原理:JavaScript的Ajax不可以跨域,但是可 ...

  2. JQuery和Servlet来实现跨域请求

    在网上看到很多的JQuery跨域请求的文章,比较有意思.这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考.不足之处请指教 原理:JavaScript的Ajax不可以跨域,但是可 ...

  3. [转]Ajax跨域请求

    一.编一个服务器端servlet @RequestMapping("/haha") @ResponseBody String haha(String haha, HttpServl ...

  4. 实现跨域请求jsonp方式

    原理:http://madong.net.cn/index.php/2012/12/368/ 调用端: $.getJSON("http://192.168.220.85:8001/esb/a ...

  5. javascript跨域请求RESTful Web Service

    跨域请求RESTful Web Service 当我们用js请求RESTful Web Service的时候,通常会出现跨域无法访问的问题,也就是无法正常得到我们要的值.jsonp是个解决问题的方法. ...

  6. 有关Ajax跨域请求的解决方案

    前言 最近博主在赶项目进度.所以微信二次开发那边的博文一直没有更新.后续时间会慢慢记录这个学习历程的.来年公司要开发微信小程序.到时也会记录一下历程. 闲话少说,今天在工作中遇到了SpringMVC接 ...

  7. Spring Boot Web应用开发 CORS 跨域请求支持：

    Spring Boot Web应用开发 CORS 跨域请求支持: 一.Web开发经常会遇到跨域问题,解决方案有:jsonp,iframe,CORS等等CORS与JSONP相比 1. JSONP只能实现 ...

  8. SpringMVC处理跨域请求时的一个注意事项

        由于公司对SpingMVC框架里面的东西进行了扩展,在配置SpringMVC时没有使用<mvc:annotation-driven>这个标签.而且是自己手动来配置HandlerMa ...

  9. spring mvc \ spring boot 允许跨域请求 配置类

    用@Component 注释下,随便放个地方就可以了 package com.chinaws.wsarchivesserver.core.config; import org.springframew ...

随机推荐

  1. Kafka之--多zookeeper，多broker之搭建

    闲来如事,突发兴趣倒腾一下了kafka.其实类似环境搭建的博客很多,我这里算是整合一下,另外写出自己的过程与看法.完整的过程如下: 1)先准备好3台服务器.我准备的机器hostname/ip为: ka ...

  2. frame window 和open 的关系

    建立一个如下的关系框架 windowA.html <!DOCTYPE html> <html lang="en"> <head> <met ...

  3. cJSON解析数据如何避免过多if-else，实现解耦

    代码展示: 数据接收函数内,解析cJSON数据时,一不小心就会冒出来一大堆if语句在一个函数内,后续想要新增网络功能时,必然又会导致需要在mqtt订阅函数内去新增部分代码,实现解析新的报文. 这显然耦 ...

  4. 终于彻底搞清楚了spin-lock 之一次CPU问题定位过程总结

    首先这个问题,我只是其中参与者之一.但这个问题很有参考意义,特记录下来. 还有我第一次用"彻底"这个词,不知道会不会有人喷?其实,还有一些问题,也不是特别清楚.比如说什么是CPU流 ...

  5. Serilog 最佳实践

    Serilog 最佳实践 概述 Serilog是 Microsoft .NET 的结构化日志记录库,并已成为[Checkout.com .NET 的首选日志记录库..它支持各种日志记录目的地(称为接收 ...

  6. vue日记之可展开的消息气泡

    项目小需求之聊天气泡可展开内容 因为某些信息内容太长或者某种原因必须分行输出,这就导致了有时候一个气泡占据了一整个聊天区域 所以我打算实现一个在该气泡加载的时候判断其气泡长度,并在长度过长的情况下进行 ...

  7. Feign远程调用

    有关微服务中,服务与服务如何通信,我已经给大家介绍了Ribbon远程调用的相关知识,不知道大家有没有发现Ribbon的问题呢? Ribbon的问题 在Ribbon中,如果我们想要发起一个调用,是这样的 ...

  8. Discuz ML RCE漏洞

    1.漏洞描述 Discuz国际版漏洞存在于cookie的language可控并且没有严格过滤,导致可以远程代码执行. 2.产生原因:Discuz!ML 系统对cookie中的l接收的language参 ...

  9. Run Shell Commands in Python

    subprocess.call This is the recommended way to run shell commands in Python compared with old-fashio ...

  10. SpringMVC学习02（我的第一个SpringMVC程序）

    2.Hello,SpringMVC 2.1 配置版 1.新建一个Moudle , springmvc-02-hello , 添加web的支持! 2.确定导入了SpringMVC 的依赖! 3.配置we ...