struts 1.3 html标记库是否支持jquery?
我已经编写了一个简单的jsp代码,其中使用了struts 1.3 html标记库标记。我想在按钮的单击事件上对struts操作类进行ajax调用。为了使之成为可能,jQuery需要元素的id或标记名(这里是按钮的id),因为我将在JSP中使用多个按钮,所以不可能使用标记名。但html标记库的元素并没有“id”属性。请给我一个解决这个问题的办法struts 1.3 html标记库是否支持jquery?,jquery,ajax,struts-1,Jquery,Ajax,Struts 1,我已经编写了一个简单的jsp代码,其中使用了struts 1.3 html标记库标记。我想在按钮的单击事件上对struts操作类进行ajax调用。为了使之成为可能,jQuery需要元素的id或标记名(这里是按钮的id),因为我将在JSP中使用多个按钮,所以不可能使用标记名。但html标记库的元素并没有“id”属性。请给我一个解决这个问题的办法 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" p
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#action").click(function(){
alert("inside function");
var dataToBeSent = $("form").serialize();
$.post("http://localhost:8013/MyProject1/details.do", dataToBeSent, function(data, textStatus) {
alert(data.income);
alert(data.taxReturn);
alert(textStatus);
$("#income").val(data.income);
$("#taxReturn").val(data.taxReturn);
}, "json");
});
});
</script>
</head>
<body>
<table>
<tr><td>
<html:form action="details.do">
SSN : <html:text property="numberSSN" /> <br/>
YEAR : <html:text property="year" /> <br/>
INCOME: <html:text property="income" value=""/><br/>
TAX: <html:text property="taxReturn" value=""/><br/> <br/>
<html:button property="action" >TestClickEvent </html:button>
<html:reset></html:reset>
</html:form>
<div id="details1">
</div>
</td>
</tr?
</body>
</html>
$(文档).ready(函数(){
$(“#操作”)。单击(函数(){
警报(“内部功能”);
var dataToBeSent=$(“表单”).serialize();
$.post(”http://localhost:8013/MyProject1/details.do,dataToBeSent,函数(数据,文本状态){
警报(数据、收入);
警报(data.taxReturn);
警报(文本状态);
$(“#收入”).val(数据.收入);
$(“#taxReturn”).val(data.taxReturn);
}“json”);
});
});
SSN:
年份:
收入:
税:
TestClickEvent
你能把按钮放在一个范围内并给它一个ID吗?另外,您可以向我们展示呈现的HTML吗?另外,查看文档表明struts有一个用于按钮单击的事件处理程序,因此您可以使用它调用JS函数。。。事实上,我想使用LookupDispatchAction类…所以我的span中需要多个提交按钮…所有提交按钮都应该有相同的名称…那么它如何与单个span一起工作呢?你能给我们展示呈现的html吗,就像它将要呈现的那样,而不仅仅是它的一小部分吗?我不明白。您是否尝试过为按钮使用styleId属性?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#htmlFindButton").click(function(){
alert("inside function");
var dataToBeSent = $("form").serialize();
$.post("http://localhost:8013/MyProject1/details.do?action=\"find\" ", dataToBeSent, function(data, textStatus) {
alert(data.income);
alert(data.taxReturn);
alert(textStatus);
$("#income").val(data.income);
$("#taxReturn").val(data.taxReturn);
}, "json");
});
});
</script>
</head>
<body>
<table>
<tr><td>
<form name="detailsForm" method="post" action="/MyProject1/details.do;jsessionid=A42FCDD6D26ACC6631384375C69D2743">
SSN : <input type="text" name="numberSSN" value="0"> <br/>
YEAR : <input type="text" name="year" value=""> <br/>
INCOME: <input type="text" name="income" value=""><br/>
TAX: <input type="text" name="taxReturn" value=""><br/> <br/>
<span id="htmlFindButton" >
<input type="button" name="action" value="TestClickEvent"> </span>
<input type="reset" value="Reset">
</form>
<div id="details1">
</div>
</td>
</tr>
</table>
<p>
<a href="/MyProject1/Welcome.do;jsessionid=A42FCDD6D26ACC6631384375C69D2743">Click me to access to JSP Welcome page</a>
</p>
</body>
</html>