gpt4 book ai didi

jquery - 如何处理 jquery ajax 与 jsp 数据库更新?

转载 作者:搜寻专家 更新时间:2023-10-30 22:00:20 26 4
gpt4 key购买 nike

我在 jquery 中使用了 ajax,我的 ajax url 正在调用另一个将表单数据提交到数据库的 jsp 页面问题是每当我运行插入查询时,它的回复“无法将空值插入数据库”有点异常,但每当我重新加载同一页面并单击提交按钮时,它就会提交到数据库。我认为问题出在回发方法之类的东西上,我是 ajax 的新手,所以需要您的帮助...

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#save').click(function ()
{
$.ajax({
type: "post",
url: "test.jsp", //this is my servlet
data: "input=" +$('#id').val()+"&output="+$('#op').val(),
success: function(msg){
$('#output').append(msg);
}
});
});

});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
input:<input id="id" type="text" name="" value="" /><br></br>
output:<input id="op" type="text" name="" value="" /><br></br>
<input type="button" value="save" name="save" id="save"/>
<div id="output"></div>
</body>

JSP:

<%@page import ="com.connectionUtil.ConnectionUtil"%> 
<!DOCTYPE html>
<script src="js/jquery.min.js" type="text/javascript"></script>
<% String id = request.getParameter("input");
try {
Connection con = ConnectionUtil.getConnection();
String sql = "insert into test(ID,...) values ('" + id + "',...)";
PreparedStatement ps = con.prepareStatement(sql);
ps.executeUpdate();
} catch (SQLException sqe) {
out.println(sqe);
}%>
<body> <h4><%=id%> is stored </h4> </body> </html>

最佳答案

您的 ajax 代码有误。应该是这样的:

$.ajax({
type: "post",
url: "test.jsp", //this is my servlet
data: {input : $('#id').val(), output: $('#op').val()},
success: function(msg){
$('#output').append(msg);
}
});

然后使用request.getParameter("input")获取参数值

更新:请注意,我在数据行末尾漏掉了一个逗号 (,):....

更新 2:这是您的代码的工作演示,没有连接到数据库...

索引.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#save').click(function ()
{
$.ajax({
type: "post",
url: "test.jsp", //this is my servlet
data: {
input: $('#id').val(),
output: $('#op').val()
},
success: function(msg){
$('#output').append(msg);
}
});
});

});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
input:<input id="id" type="text" name="" value="" /><br></br>
output:<input id="op" type="text" name="" value="" /><br></br>
<input type="button" value="save" name="save" id="save"/>
<div id="output"></div>
</body>

测试.jsp :

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<% String id = request.getParameter("input");
String output = request.getParameter("output");
%>
<%=id%> is stored <br/>output is:<%=output%>

第一个屏幕显示:

enter image description here

在插入数据并按下 save 按钮后,显示如下:

enter image description here

关于jquery - 如何处理 jquery ajax 与 jsp 数据库更新?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17783026/

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