js跨域访问接口（springmvc）

最新推荐文章于 2024-01-04 20:28:29 发布
最新推荐文章于 2024-01-04 20:28:29 发布
阅读量501 收藏
点赞数
分类专栏： js跨域 文章标签： js跨域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/skykent/article/details/47166467
版权

服务端：

import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
import org.apache.commons.lang.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

//js跨域请求
    @RequestMapping(value = "/add")
    @ResponseBody
    public void addData(
            @RequestParam(value = "param1", required = false, defaultValue = "") String param1,
            @RequestParam(value = "param2", required = false, defaultValue = "") String param2,
            @RequestParam(value = "param3", required = false, defaultValue = "") String param3,
            @RequestParam String callback,
            HttpServletResponse response) throws IOException {
        logger.info("...model add...");
        String params = "参数-IMEI:" + IMEI + ",SN:" + SN + ",MAC:" + MAC + ".";
        logger.info(params);
        String status = FAILED, errMsg = "";
        try {
            String validateResult = checkParams(IMEI, SN, MAC);
            if (StringUtils.isNotEmpty(validateResult)) {
                errMsg = validateResult;
            } else {
                boolean result = modelSer.addData(IMEI, SN, MAC);
                if (result) {
                    status = SUCCESS;
                } else {
                    errMsg = "插入失败.";
                }
            }
        } catch (Exception e) {
            errMsg = "插入异常.";
            logger.error("异常原因:" + e.getMessage());
        }
        JSONObject json=new JSONObject();
        json.put("status", status);
        if (status.equals(FAILED)) {
            json.put("errMsg", errMsg + params);
            logger.error(params);
        }
        StringBuffer buf = new StringBuffer();
        buf.append(callback);
        buf.append("(");
        buf.append(json.toString());
        buf.append(");");
        try{
        response.setContentType("text/plain; charset=GBK");
        response.getOutputStream().write(buf.toString().getBytes());
        response.getOutputStream().flush();
        }catch(Exception ex){
            logger.error("响应异常." + ex.getMessage());
        }
    }


客户端访问：


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="jquery-1.7.2.js" type="text/javascript"></script>

<script type="text/javascript">
    function submit() {
        alert(1);
        $.getJSON("http://****:8080/demoPro/data/add?param1=111&param2=wqeerre&param3=11223&callback=?",
                function(data) {
                    var d=eval(data);
                    alert(d.status);
                    if(d.status=='FAILED')
                    alert(d.errMsg);
                });
    }
</script>
</head>
<body>
    <button οnclick="submit();">提交数据</button>

</body>
</html>


skykent
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
跨域及解决方法(jsonp和cors)
laoli360的博客
09-18 479
出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port） 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨
spring 返回json web接口 js可调用
06-22
web接口 $.get("http://localhost:8080/springMvcAnonotationDemo/manager/getvalue",function(rsp){ console.log(rsp); $("#name").html(rsp.id+" "+rsp.name) },"json")
js中几种实用的跨域方法原理详解
萌萌的It人 www.itmmd.com
07-15 2449
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法： 一、通过jsonp
js跨域问题及解决方法汇总
wind_notcare的博客
03-23 3204
前端跨域问题的诞生和解决方法浅析。
什么是JS跨域访问？
yihuliunian的博客
06-26 256
转载自品略图书馆http://www.pinlue.com/article/2018/03/1416/525772452151.html >什么是跨域？ A网站想要获取B网站服务器上的资源，网站通过AJAX发送请求的时候，本地服务器地址与请求地址、协议类型（http）、IP地址（域名）、端口，三者有其一不同都称之为跨域请求资源。 >为什么要有跨域限制？ 通过上面的解释不难发现，跨域限制主要是出于对用户安全的考虑。 因为每一次的HTTP请求，都会附带该请求地址对应的cook...
js跨域的解决方案
muzidigbig的博客
05-15 1万+
指的是浏览器不能执行其他网站的脚本，简单来说是浏览器同源政策的限制，浏览器针对于的限制。两个页面拥有相同的协议，端口，域名就是同源，如果有一个不相同就是不同源。保护用户，防止一些网站盗取用户信息。 1、通过jsonp跨域 2、跨域资源共享（CORS） 3、document.domain + iframe跨域 4、location.hash + iframe 5、window.name + iframe跨域 6、postMessage跨域 7、nginx代理跨域 8、nodejs中间件代理跨域（非vue、v
springmvc跨域处理和过滤器方式跨域处理主要代码
04-08
在Spring MVC中，跨域问题通常发生在Web应用中，当客户端（如JavaScript的Ajax请求）尝试从一个域名访问另一个域名的资源时。由于浏览器的安全策略，这种行为默认是被禁止的，这被称为“同源策略”。然而，在现代Web...
SpringMVC CORS跨域测试包
02-10
如果该头值包含请求来源，则浏览器允许跨域访问。 2. **SpringMVC中的CORS配置**：SpringMVC提供了多种方式配置CORS，如使用`@CrossOrigin`注解、配置`CorsRegistry`或者自定义过滤器。 - **@CrossOrigin注解**：...
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
12-13
为了允许跨域访问，后端控制器中的`upLoad`方法添加了`Access-Control-Allow-Origin`头，将其值设置为`*`，表示允许所有源访问。这种方法简单易用，但存在安全隐患，因为它允许任何网站发起请求，可能暴露敏感信息。...
SpringBoot集成SpringMVC例子.docx
12-03
- **映射静态资源**：`addResourceHandlers`方法用于映射静态资源，如图片、JavaScript和CSS文件，使它们可以直接被浏览器访问，而无需经过拦截器： ```java @Override protected void addResourceHandlers...
Angular-SpringMVC-Integration
05-09
- **配置跨域**: 如果前端和后端不在同一域名下，需要在SpringMVC中配置CORS允许前端访问。 - **Angular的HTTP服务**: 使用Angular的HttpClient模块，发起HTTP请求到SpringMVC提供的API，获取或发送数据。 - **...
js跨域访问后台
08-29
文档内容详细，只需要负责粘贴，并替换url即可使用
js实现跨域访问的几种方式
aihaofeng2860的博客
10-12 143
不同域：协议，域名，端口任何一个不同； 1，jsonp跨域 在js中，我们直接使用XMLHttpRequest请求不同的域上的数据时，是不可以的。但是，在页面上引用不同域上的js脚本文件确实可以的，jsonp就是利用这个特性来实现的。 通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数里指定的函数，并且会把我们需要的json数据作为参数传进去。所以j...
JavaScript 请求服务端接口
忧郁的蛋的专栏
01-18 2889
上面的代码中，XMLHttpRequest 使用 open() 和 send() 方法来配置和发出请求，然后使用 onreadystatechange 属性来处理响应。总之，请求服务端接口时，需要考虑很多因素，如请求地址，请求方式，请求参数，跨域问题，请求头等，请根据需要来编写代码。可以查看文档来获取更多信息。在发送请求时，需要考虑请求头和验证，如果服务端需要认证，可能需要在请求头中添加相关信息。需要注意的是，在请求服务端接口时，您需要确保您有权限访问该接口，并且接口是正确的、可用的。
js如何调用api接口数据,javascript调用api接口
chatgpt001的博客
11-30 6898
随着云计算分布式微服务技术的发展，现有网络项目大都基于前后端分离的技术手段实施，一方面是便于缓解后台服务器的压力，充分利用各台服务节点的计算和存储资源，尽可能地提高服务器性能；另一方面可提高服务的可靠性、容灾能力，以便在某服务节点上服务器甚至节点崩溃的情况下得以对该服务快速有效地进行替换或恢复，表现为极强的修复能力（注：先进制造技术的发展和充足的材料供应能力使得时间、价格方面的维修成本不断高于替换成本，让废旧品及时得到回收利用再生产，从而减少繁琐的维修过程，以便缩短维修时间，即能换不修原则）。在Web。
JS如何请求接口数据
最新发布
m0_73734137的博客
01-04 2314
在JavaScript中，可以使用AJAX（Asynchronous JavaScript and XML）技术与服务器进行异步通信。AJAX允许您通过发送HTTP请求从服务器获取数据，并在无需刷新整个页面的情况下更新部分页面内容。
js文件中如何写访问接口数据方法
weixin_35749545的博客
01-16 290
在 JavaScript 中可以使用 Fetch API 或 XMLHttpRequest 对象来访问接口数据。 使用 Fetch API 的方法如下: fetch('接口地址') .then(response => response.json()) .then(data => { // 在这里处理数据 }) .catch(error => { /...
JavaScript中的接口调用
qq_43455872的博客
03-08 6426
1. 前后端交互模式 传统形式的URL： schema://host:port/path?query#fragment RESTFUL地址形式：URL定位资源，HTTP描述操作 HTTP请求方式：GET、POST、PUT(修改)、DELETE 2. Promise用法 异步调用 多次异步调用效果？ 多次嵌套 Promise是一个对象，获取异步操作的消息 好处：api...
接口开发-跨域访问-解决方案简单汇总
热门推荐
韩超的博客 (hanchao5272)
02-07 1万+
1 引言 这是16年写的一篇小调查，现在贴到博客中。 因为当时时间有限、水平有限，所以内容较浅，而且还有很多不当之处。 还有就是当时参考的那些文章现在也记不得了，深感抱歉！ 1.1 编写目的 编写接口开发跨域访问解决方案汇总的主要目的是，归纳整理目前可供选用的解决接口跨域访问的解决方案。 接口调用开发模式需要考虑一个重要的问题，即跨域访问问题。 跨域访问有两个方向的解决策略：
springmvc跨域
09-03
在Spring MVC中实现跨域请求可以通过配置`@CrossOrigin`注解或使用`WebMvcConfigurer`接口来完成。 1. 使用`@CrossOrigin`注解：在需要跨域的Controller类或方法上添加`@CrossOrigin`注解即可。例如： ```java @...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值