在同一个局域网下Ajax如何实现前后端交互

在同一个局域网下Ajax如何实现前后端交互

在同一个局域网下,证明我们的ip地址相同,因此我们可以实现前后端交互,

具体步骤

1.首先我们打开cmd窗口 在cmd中输入ipconfig命令
找到如图所示的ip 注意这里我们要确保我们的前后端ip地址相同

在同一个局域网下Ajax如何实现前后端交互_第1张图片

2.我们前后端中的后端实行操作之前需要把电脑上自带的防火墙进行关闭,否则我们将会导致接下来的步骤失败。

3.前端打开电脑cmd窗口 输入 ping + ip(也就是IPv4),检测是否连通。
成功连通后会在命令窗口输出如下信息

在同一个局域网下Ajax如何实现前后端交互_第2张图片

4.以上步骤成功后,我们便可以进入我们的代码部分的编写
前端ajax中的url可以写成http://ip地址 + :8080/资源路径
对应的后端写servlet 以及将数据转换为json,传送给前端,这里要注意ajax前后端交互,会涉及到跨域请求,因此后端需要设置
响应头:

response.setHeader(“Access-Control-Allow-Origin”, “*”);
response.setHeader(“Cache-Control”,“no-cache”);
利用JSONUtils.toJSONString(map);方法将参数转换为json数据传输给前端

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Cache-Control","no-cache");
        Map<String,String> map = new HashMap<>();
        map.put("msg","你好");
        String jsonString = JSONUtils.toJSONString(map);
        response.getWriter().print(jsonString);
        String name = request.getParameter("name");
        String id = request.getParameter("id");
        System.out.println(name);
        System.out.println(id);

    }
}

大家有好的想法和思路欢迎和博主一起探讨,欢迎大家指出博主有不足的地方,欢迎评论,点赞,收藏!

我们大家共同进步!

博主的github 中整理了相关的JDK1.8的源码浅析
JDK 1.8源码浅析
以及博主所刷过的算法的解析,有兴趣可以去踩踩。
算法解析
另外附上博主的 github链接,还有一个人脸识别项目可供借鉴
人脸识别项目

你可能感兴趣的:(学习心得,ajax,java)