Java与JavaScript交互示例：跨域、请求类型以及数据传递

原创不念不忘少年蓝@ 2024-10-12 05:03 49阅读 0赞

在Java和JavaScript之间进行交互通常涉及到使用Ajax（Asynchronous JavaScript and XML）技术。这里以一个简单的跨域请求示例：

1. Java后端（Spring Boot）:

```java
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class CrossDomainController {

@RequestMapping(value = "/api/data", method = RequestMethod.GET)
    public String getData() {
        // Your data processing logic here
        return "Cross-domain data";
    }
}
```

2. JavaScript前端：

```javascript
// Your JavaScript code file (e.g., app.js)

async function fetchDataFromJava() {
    const url = 'http://your-server.com/api/data'; // Replace with your server URL

try {
        const response = await fetch(url, { method: 'GET' })); // Handle CORS

if (!response.ok) {
            throw new Error(`Failed to fetch data from Java. Status: ${response.status}`); // Handle errors
        }

const data = await response.text();
        console.log(data);
    } catch (error) {
        console.error('Error fetching data from Java:', error);
    }
}

fetchDataFromJava().catch((error) => {
    // Handle any global error handling here
    console.error('Global Error: ', error);
});
```

注意：这个示例假设你的服务器允许跨域请求。如果服务器不允许，你需要在后端处理CORS问题。

文章版权声明：注明蒲公英云原创文章，转载或复制请以超链接形式并注明出处。

发表评论取消回复

表情：

评论列表（有 0 条评论，49人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java与JavaScript交互示例分析

在Web开发中，Java和JavaScript是两种主要的编程语言。它们通常在后端服务器（如Java应用服务器）和前端客户端（如浏览器中的JavaScript代码）之间进行交互

深碍√TFBOYSˉ_/ 2024年12月11日 20:54/ 0 赞/ 84 阅读

相关 Java与JavaScript交互示例：跨域、请求类型以及数据传递

在Java和JavaScript之间进行交互通常涉及到使用Ajax（Asynchronous JavaScript and XML）技术。这里以一个简单的跨域请求示例： 1.

不念不忘少年蓝@/ 2024年10月12日 05:03/ 0 赞/ 50 阅读

相关 JSONP跨域请求简单示例

js： //发送请求 $.ajax({ type: "GET", //GET和

谁借莪１个温暖的怀抱￠/ 2023年05月31日 04:57/ 0 赞/ 90 阅读

相关 JS —— 5、数据交互、跨域

目录 26、数据交互（1）原生请求（2）参数解析 1.req.body——接收前端body的参数（下面演示：2） 2.req.query（下面演示：1） 3.r

怼烎@/ 2022年10月06日 00:45/ 0 赞/ 243 阅读

相关 js跨域请求数据

方式一。 1. calljs.html 页面 <!DOCTYPE html> <html> <head> <meta char

╰+攻爆jí腚メ/ 2022年07月28日 05:17/ 0 赞/ 292 阅读

相关 ajax请求json类型无法跨域传递cookie的问题解决

问题描述：在前后端分离的项目中，已经解决跨域问题，但是前端的POST请求一直被登录拦截掉。 > 在排查后发现，这个请求是一个POST请求 contentType: “

╰半夏微凉°/ 2022年05月29日 12:09/ 0 赞/ 342 阅读

相关跨域请求

跨域请求，协议,域名,端口有一个不一样都是跨域请求。产生跨域请求的原因：同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功

小咪咪/ 2022年05月26日 05:22/ 0 赞/ 419 阅读

相关 JSONP跨域请求原理及示例

一、JSON和JSONP？ JSON（JavaScript Object Notation）和JSONP（JSON with Padding）虽然只有一个字母的差别，

今天药忘吃喽~/ 2022年05月24日 05:43/ 0 赞/ 355 阅读

相关 ajax跨域请求jsonp完整示例

最经用到jsonp（ajax）的跨域请求，在这分享给大家，有需要用到的一看就能明白。具体步骤如下： 1.首先客户端即页面script中调用代码如下：

我就是我/ 2022年05月23日 07:49/ 0 赞/ 372 阅读

相关 JavaScript 跨域请求库 XDomain

XDomain 详细介绍 XDomain 是 JavaScript CORS 跨域请求的一个替代产品，无需任何服务器端的配置。只需要在同域下放置一个 proxy.html 文

约定不等于承诺〃/ 2022年05月19日 06:37/ 0 赞/ 180 阅读