前言

我们要做的是让在一个不在当前项目文件夹的前端页面发送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. python包安装

    python包安装: 一种是有网操作:pip install  包名:例子[pip install setuptools] 无网络服务器上操作: 先把包下载:传上去再安装[] 1.一种是   *.wh ...

  2. Pelles C编译时出现的“POLINK: fatal error: 拒绝访问”问题的一种可能成因

    在使用PellesC编译程序时,第一遍能正常编译执行,第二遍就无法编译,出现以下问题提示: Building NEWprogram2.exe. POLINK: fatal error: 拒绝访问. * ...

  3. iOS实现常用地图坐标系转换(swift5)

    // 桥接后,OC工程也可用 // HTMCoorTransform.swift // HTMapKit // // Created by LongMa on 2021/8/3. // import ...

  4. IOS真机调试找不到设备:ERROR: Could not connect to lockdownd, error code -[x]

    报错信息: Could not connect to lockdownd, error code -3 解决方法:修改var/db/lockdown文件夹的读写权限 在终端找到文件夹cd var/db ...

  5. 如何区别php，jsp，asp，aspx随笔

    PHP是一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C.Java 和 Perl 语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面.它支持目前绝大多数数据库.还有一点, ...

  6. Bootstrap Blazor 更新版本 5.6.0

    Bootstrap Blazor 是一款基于 Bootstrap 的 企业级 Blazor UI 组件库,目前内置近 90 个组件,欢迎大家尝试使用.本次更新全面升级支持 Bootstrap V5.6 ...

  7. 第5篇-调用Java方法后弹出栈帧及处理返回结果

    在前一篇 第4篇-JVM终于开始调用Java主类的main()方法啦 介绍了通过callq调用entry point,不过我们并没有看完generate_call_stub()函数的实现.接下来在ge ...

  8. 守护线程_daemon

    守护线程_daemon 线程分为用户线程和守护线程 虚拟机必须确保用户线程(main)执行完毕 虚拟机不用等待守护线程(gc)执行完毕 如:后台记录操作日志,监控内存,垃圾回收等等 测试案例: pac ...

  9. 将MNIST手写数据集转换成图片保存到本地

    # 加载图片 data = tf.keras.datasets.mnist (x_train, y_train), (x_test, y_test) = data.load_data() plt.im ...

  10. SortCompare.time的反射版本

    "Algorithms" by Robert Sedgewick, p256, SortCompare.time(): public static double time(Stri ...