个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
我正在学习使用 Servlet 和 JavaScript，尝试构建一个 Java servlet 和 JavaScript 代码可以交换数据的应用程序。我构建了一个带有标题和按钮的简单网页。单击该按钮后，客户端应向服务器发送 AJAX 请求，服务器应发送一些数据作为响应，这应相应地更改 header 上的文本。我使用 jQuery 发送和接收数据，并更改标题上的文本。这是 HTML 代码:
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>$(function() { alert('hello') });</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="Try.js"></script>
</head>
<body>
<h1 align = "center" id="header">Using Visual Studio</h1>
<button id="button">Click</button>
</body>
</html>
这是带有 jQuery 的 Try.js JavaScript 代码:
$(function(){
$("button").click(function(){
$.ajax({url: "localhost:8080/Ajax/Serv", success: function(result){
$("#header").html(result);
}});
});
});
以下是 servlet 代码:
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import jdk.nashorn.internal.parser.JSONParser;
@WebServlet("/Serv")
public class Serv extends HttpServlet {
private static final long serialVersionUID = 1L;
public Serv() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html; charset=UTF-8");
response.getWriter().write("Success Data!!!");
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
}
网页标题应显示“成功数据!!!”单击按钮“单击”。然而这并没有发生。我在服务器端口 8080 上使用 TomCat 7.0.39。
最佳答案
看来您正在从文件系统(例如 file:///C:/Ajax/serv.html)而不是本地主机(例如 http://localhost:8080/Ajax/serv.html )加载 html 页面。这就是您在尝试 Ajax 调用时收到“跨源请求被阻止”错误的原因，这是您的浏览器正在阻止的跨站点脚本 (XSS) 安全漏洞。
您应该将 html(js 等)文件移动到新的 Tomcat webapps 文件夹下，例如 webapps/Ajax)并使用 http://localhost:8080/Ajax/serv.html 加载它们。这将防止 XSS 问题。
此外，向 Ajax 调用添加错误处理程序将有助于确定问题。
$("button").click(function(){
$.ajax({url: "localhost:8080/Ajax/Serv",
success: function(result){
$("#header").html(result);
},
error: function(xhr, status, ex) {
alert("state=" + xhr.state() + ", status=" + status);
}
});
关于javascript - 如何使用从 Servlet 发送并由 JavaScript 通过 Jquery 接收的数据来更改网页内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61290712/
29
4
0
我有一个存储结构向量的应用程序。这些结构保存有关系统上每个 GPU 的信息，如内存和 giga-flop/s。每个系统上有不同数量的 GPU。 我有一个程序可以同时在多台机器上运行，我需要收集这些数据
我很好奇 MPI 中缺少此功能: MPI_Isendrecv( ... ); 即，非阻塞发送和接收，谁能告诉我其省略背后的基本原理？ 最佳答案 我的看法是 MPI_SENDRECV存在是为了方便那些想
当我用以下方法监听TCP或UDP套接字时 ssize_t recv(int sockfd, void *buf, size_t len, int flags); 或者 ssize_t recvfrom
SUM:如何在 azure 事件网格中推迟事件触发或事件接收？ 我设计的系统需要对低频对象状态(创建、启动、检查长时间启动状态、结束)使用react。它看起来像是事件处理的候选者。我想用azure函数
我正在 MPI 中实现一个程序，其中主进程(等级 = 0)应该能够接收来自其他进程的请求，这些进程要求只有根才知道的变量值。如果我按等级 0 进行 MPI_Recv(...)，我必须指定向根发送请求的
我正在学习DX12，并在此过程中学习“旧版Win32”。 我在退出主循环时遇到问题，这似乎与我没有收到WM_CLOSE消息有关。 在C++，Windows 10控制台应用程序中。 #include
SUM:如何在 azure 事件网格中推迟事件触发或事件接收？ 我设计的系统需要对低频对象状态(创建、启动、检查长时间启动状态、结束)使用react。它看起来像是事件处理的候选者。我想用azure函数
我想编写方法来通过号码发送短信并使用编辑文本字段中的文本。发送消息后，我想收到一些声音或其他东西来提醒我收到短信。我怎样才能做到这一点？先感谢您，狼。 最佳答案 这个网站似乎对两者都有很好的描述:ht
所以我正在用 Java 编写一个程序，在 DatagramSocket 和 DatagramPacket 的帮助下发送和接收数据。问题是，在我发送数据/接收数据之间的某个时间 - 我发送数据的程序中的
我是 Android 编程新手，我正在用 Java 编写一个应用程序，该应用程序可以打开相机拍照并保存。我通过 Intents 做到了，但看不到 onActivityResult 正在运行。 我已经在
我有一个套接字服务器和一个套接字客户端。客户端只有一个套接字。我必须使用线程在客户端发送/接收数据。 static int sock = -1; static std::mutex mutex; vo
我正在尝试使用 c 中的套接字实现 TCP 服务器/客户端。我以这样的方式编写程序，即我们在客户端发送的任何内容都逐行显示在服务器中，直到键入退出。该程序可以运行，但数据最后一起显示在服务器中。有人可
我正在使用微 Controller 与 SIM808 模块通信，我想发送和接收 AT 命令。 现在的问题是，对于某些命令，我只收到了我应该收到的答案的一部分，但对于其他一些命令，我收到了我应该
我用c设计了一个消息传递接口(interface)，用于在我的系统中运行的不同进程之间提供通信。该接口(interface)为此目的创建 10-12 个线程，并使用 TCP 套接字提供通信。 它工作正
我需要澄清一下在套接字程序中使用多个发送/接收。我的客户端程序如下所示(使用 TCP SOCK_STREAM)。 send(sockfd,"Messgfromlient",15,0);
我正在构建一个真正的基本代理服务器到我现有的HTTP服务器中。将传入连接添加到队列中，并将信号发送到另一个等待线程队列中的一个线程。此线程从队列中获取传入连接并对其进行处理。 问题是代理程序真的很慢。
我正在使用 $routeProvider 设置一条类似 的路线 when('/grab/:param1/:param2', { controller: 'someController',
我在欧洲有通过 HLS 流式传输的商业流媒体服务器。http://europe.server/stream1/index.m3u8现在我在美国的客户由于距离而遇到一些网络问题。 所以我在美国部署了新服
我有一个长期运行的 celery 任务，该任务遍历一系列项目并执行一些操作。 任务应该以某种方式报告当前正在处理的项目，以便最终用户知道任务的进度。 目前，我的django应用程序和celery一起坐
我需要将音频文件从浏览器发送到 python Controller 。我是这样做的: var xmlHttp = new XMLHttpRequest(); xmlHttp.open( "POST",
我是一名优秀的程序员,十分优秀！