gpt4 book ai didi

javascript - jquery将数据发布到jsp页面的问题

转载 作者:行者123 更新时间:2023-11-30 18:50:17 25 4
gpt4 key购买 nike

当我运行 html 页面并使用 tomcat 服务器点击提交按钮时,我有以下 html 页面 Index.html 、 script.js 和 calculate.jsp 文件,它给出错误提示 calculate.jsp file not found 。它们是否有任何语法问题在javascript文件中调用jsp页面。

<html>
<head>
<title>Simple jQuery and JSP example</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="SCRIPT.js" type="text/javascript"></script>
</head>
<body>
<form id="form" action="calculate.jsp" method="post">
Enter number:
<input id="number" type="text" name="number" />

<input id="submit" type="submit" value="Calculate Square Root" name="submit"/>
</form>
<p id="result"></p>
</body>
</html>

Javascript 文件 SCRIPT.js

$(document).ready(function() {
$('#form').submit(function() {
var number = $('#number').val();

$.ajax({
type: "post",
url: "calculate.jsp",
data: "number=" + number,
success: function(msg) {

$('#result').hide();

$("#result").html("<h3>" + msg + "</h3>")
.fadeIn("slow");
}
});

return false;
});
});

计算.jsp

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
int number = 0;

if(request.getParameter("number").matches("[\d]+")) {
number = Integer.parseInt(request.getParameter("number"));
out.println("Square root of " + number + " is " + Math.sqrt(number));
}
else {
out.println("Enter a number!");
}
%>

最佳答案

您可以执行以下一些步骤来找出问题所在:

  • $('#form').submit 函数的第一行添加一个 console.log("submitting the form")
  • 在“成功”回调中添加另一个打印 console.log("got message")
  • 为此,您可以使用 chrome、Firefox+Firebug 或 IE 8 及更高版本。
    • 我通常使用 chrome,我的以下说明专门针对 chrome,因为它最容易使用。
  • 在 chrome 中点击 ctrl+j 打开开发者面板。
  • 转到“网络”。
  • 重新加载“index.html”(您的主页)
  • 确保下面的控制台中没有显示任何错误。 (如果有请在这里张贴或处理)。
  • 假设没有错误:您应该在开发人员面板上看到打印“正在提交表单”和对“calculate.jsp”的网络调用。
  • 您可以单击它以查看详细信息 - 查看您实际请求的 URL。这是您期望的 URL 吗?
  • 复制粘贴您看到的 URL 并将其复制到新选项卡上。这将为您提供足够的工作空间来处理该页面上的任何问题。

上述步骤应该为您提供足够的线索,让您了解问题是什么以及如何解决。

为了验证您的代码是否正常工作 - 您应该看到您的“收到的消息”打印和来自 calculate.jsp 的 HTML 中的内容。我还建议打开网络并验证您从“calculate.jsp”获得的响应是​​否正确。

如果您遇到任何新问题,请告诉我。

关于javascript - jquery将数据发布到jsp页面的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4142919/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com