67,512
社区成员
发帖
与我相关
我的任务
分享jsp 里按钮onclick=" "调用函数不成功，调用的ajax函数
这是按钮：
这是js函数：
这是请求的action的方法：
这是struts.xml
<action name="stockIn_*" class="stockInAction" method="{1}">
<result name="success" type="json"></result>
</action>
问题：（1） onclick="clickbtnGet()"调用js函数不成功
（2）不熟悉ajax，想请教我这样用ajax请求数据能不能行，我是想通过ajax和jquery在jsp页面的id从action获得一个实体类对象并显示在页面
<button class="btn" name="btnGet" id="btnGet" onclick="clickbtnGet();"><span class="icon icon-ok"> </span>详情</button>这是js函数：
function clickbtnGet(){
alert("参数：");
$.ajax({
url:"/MyStoraneManage/stockIn_ajaxLoad.action";
type:"POST";
data:{id:$("#in_id").val()};
dataType:"json";
success:function(data){alert(data)};
});
}这是请求的action的方法：
public String ajaxLoad(){
System.out.println("执行到ajax方法了");
HttpServletRequest request= (HttpServletRequest)ServletActionContext.getRequest();
String id= request.getParameter("id");
this.estockin=stockInManager.queryById(Integer.parseInt(id));//estockin是一个实体类对象
JSONObject js=JSONObject.fromObject(estockin);
result=js.toString();
return "success";
}这是struts.xml
<action name="stockIn_*" class="stockInAction" method="{1}">
<result name="success" type="json"></result>
</action>
问题：（1） onclick="clickbtnGet()"调用js函数不成功
（2）不熟悉ajax，想请教我这样用ajax请求数据能不能行，我是想通过ajax和jquery在jsp页面的id从action获得一个实体类对象并显示在页面
...全文
请发表友善的回复…
发表回复
qqZuok 2013-11-25
- 打赏
- 举报
可以用IE的js调试看看那哪里出错了。像你这样的估计一开始加载就会报错了。chrome调试也很好用。设个断点，什么都好说
Lykos_雪狼 2013-11-25
- 打赏
- 举报
你最好用firefox 看一下到底是什么错误
哒哒哒打代码 2013-11-25
- 打赏
- 举报
配置文件没带参数
snow-is-my-Love 2013-11-22
- 打赏
- 举报
就是把按钮的样式去掉，换成最简单的按钮格式吗[/quote]
对的
shao373157995 2013-11-21
- 打赏
- 举报
错误号是多少？
lxl_h 2013-11-21
- 打赏
- 举报
我直接输入url:http://localhost:8080/MyStoraneManage/stockIn_ajaxLoad.action?id=3后出现
Struts Problem Report
Struts has detected an unhandled exception:
Messages:
org.apache.commons.lang.exception.NestableRuntimeException
org/apache/commons/lang/exception/NestableRuntimeException
File: org/apache/catalina/loader/WebappClassLoader.java
Line number: 1,645
lxl_h 2013-11-21
- 打赏
- 举报
没有错误信息，但会调用action的另外一个方法，调用的效果是提交整个表单到action
路径是没错
tony4geek 2013-11-21
- 打赏
- 举报
是不是url 路径的问题。
/MyStoraneManage/stockIn_ajaxLoad.action
加上整个路径试试看，
浏览器直接敲 url 地址看是否能够到后台？
浏览器工具调试是否有错误信息？
lxl_h 2013-11-21
- 打赏
- 举报
不要沉帖啊，各位路过的，走过的大侠们瞥一眼吧，用你们的智慧帮帮我吧
安静一会都很难 2013-11-21
- 打赏
- 举报
怎么说呢~你先在action中打个断点~如果断点都没进，说明你的请求错误，写法~如果能进，可能你JQUERY的返回有问题~
lxl_h 2013-11-21
- 打赏
- 举报
function clickbtnGet(id){
alert("参数："+id);
//$.ajax({
//url:"/MyStoraneManage/stockIn_ajaxLoad.action",
//type:"POST",
//data:{id:id},
//dataType:"json",
//success:function(data){alert(data)}
//});
alert("发送请求);
}lxl_h 2013-11-21
- 打赏
- 举报
就是把按钮的样式去掉，换成最简单的按钮格式吗
snow-is-my-Love 2013-11-21
- 打赏
- 举报
最简的可以，说明 class有别的js或jq在监听。
直接把class 换了，或者不用class，直接调用呗。
nai598455803 2013-11-21
- 打赏
- 举报
function clickbtnGet(id){
alert("参数："+id);
//$.ajax({
//url:"/MyStoraneManage/stockIn_ajaxLoad.action",
//type:"POST",
//data:{id:id},
//dataType:"json",
//success:function(data){alert(data)}
//});
alert("发送请求);
}<script type="text/javascript">
$(document).ready(function(){
Administry.setup();
$("#tabs, #tabs2").tabs();
/* progress bar animations - setting initial values */
Administry.progress("#progress1", 10, 100);
Administry.progress("#progress2", 25, 100);
Administry.progress("#progress3", 50, 100);
/* <video> support for older browsers through flash player embedding */
Administry.videoSupport('video-flash', 'video/video.f4v', 320, 240);
});
function clickbtn(){
alert("参数：");
$.ajax({
url:"/MyStoraneManage/stockIn_ajaxLoad.action",
type:"POST",
data:{id:$('#ck').attr('value')},
dataType:"json",
success:function(data){alert(data)}
});
alert("发送请求);
}
function alert_del() {
var msg = "您真的确定要删除吗？\n\n请确认！";
if (confirm(msg)==true){
return true;
}
else return false;
}
function dictsel(){
window.location.href="/MyStoraneManage/stockIn_page.action";
}
function pgsel(){
document.pgform.submit();
}
function submitform()
{
document.pgform.action="/MyStoraneManage/stockIn_page.action";
document.pgform.submit();
}
//批量删除
function delchecked(){
//函数调用,获取选中id,所组成的字符串
ids = getSelectCheckboxValues();
if(ids !=null && ids != ""){
if(confirm("删除的数据将无法恢复，确认删除?")) {
window.location.href='stockIn_delChecked.action?ids='+ids;
}
}else{
alert("请至少选择一行！");
}
}
//选中id,组成的字符串
function getSelectCheckboxValues(){
//获取名称为ck的checkbox,形成数组
var objArray = document.getElementsByName('ck');
//定义返回结果
var result ='';
for (var i=0;i<objArray.length;i++){
//如果名称为ck的checkbox被选中了，就进行id拼接
if (objArray[i].checked==true){
result += objArray[i].value+",";
}
}
//返回拼接结果,之所以截取到 result.length-1，因为result结果最后一个字符是,
return result.substring(0, result.length-1);
}
//全选
function selAll(){
for(i=0;i<document.pgform.ck.length;i++){
if(!document.pgform.ck[i].checked){
document.pgform.ck[i].checked=true;
}
}
}
//取消
function noSelAll(){
for(i=0;i<document.pgform.ck.length;i++){
if(document.pgform.ck[i].checked){
document.pgform.ck[i].checked=false;
}
}
}
//checkbox选择全部，或不选择
function selectAllOrNo(){
n=n+1;
if(n%2==0){
selAll();
}else{
noSelAll();
}
}
//反选
function selOther(){
for(i=0;i<document.pgform.ck.length;i++){
if(document.pgform.ck[i].checked){
document.pgform.ck[i].checked=false;
}else{
document.pgform.ck[i].checked=true;
}
}
}
</script>
</style>
</head>
<body>
<div id="page">
<!-- Wrapper -->
<div class="wrapper">
<!-- Left column/section -->
<section class="column width6 first">
<h3>所有入库订单列表</h3>
<span class="subtitle">
<form action="stockIn_page.action" method="post" name="pgform">
<table>
<tr>
<th>订单编号</th>
<td><input type="text" name="stockin.inid" value="${stockin.inid}" size="5" /></td>
<th>商品编号</th>
<td><input type="text" name="stockin.gepc" value="${stockin.gepc}" size="10"/></td>
<th>客户编号</th>
<td><input type="text" name="stockin.guestid" value="${stockin.guestid}" size="10"/></td>
<td> <input class="btn btn-red" type="submit" onclick="submitform()"></td>
<td> <input class="btn btn-green" type="reset" onclick="javascript:document.pgform.reset()"></td>
</tr>
</table>
</span>
<hr/>
<table class="stylized full" id="t" >
<thead>
<tr>
<th width="3%">
<input type="checkbox" name="checkbox" id="checkbox" onclick="selectAllOrNo();"/></th>
<th>订单编号</th>
<th>商品编号</th>
<th>商品名称</th>
<th>经手人</th>
<th>客户</th>
<th>数量</th>
<th>是否处理</th>
<th>其他操作</th>
</tr>
</thead>
<c:forEach items="${page.data}" var="stockins" varStatus="c">
<tbody>
<tr onmouseover="this.style.backgroundColor='#FFF68F'" onmouseout="this.style.backgroundColor='#FAFAFA'" >
<td width="3%"><input type="checkbox" name="ck" id="ck" value="${stockins.id}"/></td>
<td><a href="/MyStoraneManage/stockIn_showStockInItemsByinid.action?inid=${stockins.inid}">${stockins.inid}</a></td>
<td>${stockins.gepc}</td>
<td>${stockins.gname}</td>
<td>${stockins.uid}</td>
<td>${stockins.guestid}</td>
<td>${stockins.sumin}</td>
<td>
<c:if test="${stockins.flag==0}">未处理</c:if>
<c:if test="${stockins.flag==1}">已处理</c:if>
</td>
<td>
<c:if test="${stockins.flag==0}">
<a href="/MyStoraneManage/stockIn_delStockInId.action?id=${stockins.id}" class="btn" onclick="javascript:return alert_del()"><span class="icon icon-cancel"> </span>删除</a>
<a href="/MyStoraneManage/stockIn_getOneStockIn.action?id=${stockins.id}" class="btn"><span class="icon icon-add"> </span>编辑</a>
</c:if>
<c:if test="${stockins.flag==1}">
<button class="btn" onclick="clickbtn();"><span class="icon icon-ok"> </span>详情</button>
</c:if>
</td>
</tr>
</c:forEach>
</tbody>
<tfoot>
<tr>
<td colspan="9">
<div class="pager">
共<font color="blue">${page.totalcount}</font>条记录 每页<input value="${page.pagesize}" size="2" name="pSize" />条
第<font color="blue">${page.currentPage}</font>页/共<font color="blue">${page.totalPage}</font>页
<a href="stockIn_page.action?pnum=1&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}">第一页</a>
<a href="stockIn_page.action?pnum=${page.prePage}&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}" >上一页</a>
<a href="stockIn_page.action?pnum=${page.nextPage}&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}" >下一页</a>
<a href="stockIn_page.action?pnum=${page.totalPage}&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}" >最后一页</a>
转到<input name="pnum" value="${page.currentPage}" id="pnum" size="2" />
<button onclick="pgsel();" type="submit">GO</button>
</div>
</form>
</td>
</tr>
</tfoot>
</table>
<span class="subtitle">
<input class="btn btn-red" type="button" value="全选" onclick="selAll();"/>
<input class="btn btn-green" type="button" value="反选" onclick="selOther();"/>
<input class="btn btn-blue" type="button" value="取消" onclick="noSelAll();"/>
<input class="btn btn-red" type="button" value="删除" onclick="delchecked();"/>
<input class="btn btn-green" type="button" value="增加" onclick="selOther();"/>
</span>
<hr/>
snow-is-my-Love 2013-11-21
- 打赏
- 举报
可能是这个原因，但找不到哪个会抢先执行[/quote]
1：看看浏览器是否有js脚本错误。
2：还原最简化，改成最简单的<button onclick="clickbtnGet()"> 看能不能执行alert。
lxl_h 2013-11-21
- 打赏
- 举报
function clickbtnGet(id){
alert("参数："+id);
//$.ajax({
//url:"/MyStoraneManage/stockIn_ajaxLoad.action",
//type:"POST",
//data:{id:id},
//dataType:"json",
//success:function(data){alert(data)}
//});
alert("发送请求);
}<script type="text/javascript">
$(document).ready(function(){
Administry.setup();
$("#tabs, #tabs2").tabs();
/* progress bar animations - setting initial values */
Administry.progress("#progress1", 10, 100);
Administry.progress("#progress2", 25, 100);
Administry.progress("#progress3", 50, 100);
/* <video> support for older browsers through flash player embedding */
Administry.videoSupport('video-flash', 'video/video.f4v', 320, 240);
});
function clickbtn(){
alert("参数：");
$.ajax({
url:"/MyStoraneManage/stockIn_ajaxLoad.action",
type:"POST",
data:{id:$('#ck').attr('value')},
dataType:"json",
success:function(data){alert(data)}
});
alert("发送请求);
}
function alert_del() {
var msg = "您真的确定要删除吗？\n\n请确认！";
if (confirm(msg)==true){
return true;
}
else return false;
}
function dictsel(){
window.location.href="/MyStoraneManage/stockIn_page.action";
}
function pgsel(){
document.pgform.submit();
}
function submitform()
{
document.pgform.action="/MyStoraneManage/stockIn_page.action";
document.pgform.submit();
}
//批量删除
function delchecked(){
//函数调用,获取选中id,所组成的字符串
ids = getSelectCheckboxValues();
if(ids !=null && ids != ""){
if(confirm("删除的数据将无法恢复，确认删除?")) {
window.location.href='stockIn_delChecked.action?ids='+ids;
}
}else{
alert("请至少选择一行！");
}
}
//选中id,组成的字符串
function getSelectCheckboxValues(){
//获取名称为ck的checkbox,形成数组
var objArray = document.getElementsByName('ck');
//定义返回结果
var result ='';
for (var i=0;i<objArray.length;i++){
//如果名称为ck的checkbox被选中了，就进行id拼接
if (objArray[i].checked==true){
result += objArray[i].value+",";
}
}
//返回拼接结果,之所以截取到 result.length-1，因为result结果最后一个字符是,
return result.substring(0, result.length-1);
}
//全选
function selAll(){
for(i=0;i<document.pgform.ck.length;i++){
if(!document.pgform.ck[i].checked){
document.pgform.ck[i].checked=true;
}
}
}
//取消
function noSelAll(){
for(i=0;i<document.pgform.ck.length;i++){
if(document.pgform.ck[i].checked){
document.pgform.ck[i].checked=false;
}
}
}
//checkbox选择全部，或不选择
function selectAllOrNo(){
n=n+1;
if(n%2==0){
selAll();
}else{
noSelAll();
}
}
//反选
function selOther(){
for(i=0;i<document.pgform.ck.length;i++){
if(document.pgform.ck[i].checked){
document.pgform.ck[i].checked=false;
}else{
document.pgform.ck[i].checked=true;
}
}
}
</script>
</style>
</head>
<body>
<div id="page">
<!-- Wrapper -->
<div class="wrapper">
<!-- Left column/section -->
<section class="column width6 first">
<h3>所有入库订单列表</h3>
<span class="subtitle">
<form action="stockIn_page.action" method="post" name="pgform">
<table>
<tr>
<th>订单编号</th>
<td><input type="text" name="stockin.inid" value="${stockin.inid}" size="5" /></td>
<th>商品编号</th>
<td><input type="text" name="stockin.gepc" value="${stockin.gepc}" size="10"/></td>
<th>客户编号</th>
<td><input type="text" name="stockin.guestid" value="${stockin.guestid}" size="10"/></td>
<td> <input class="btn btn-red" type="submit" onclick="submitform()"></td>
<td> <input class="btn btn-green" type="reset" onclick="javascript:document.pgform.reset()"></td>
</tr>
</table>
</span>
<hr/>
<table class="stylized full" id="t" >
<thead>
<tr>
<th width="3%">
<input type="checkbox" name="checkbox" id="checkbox" onclick="selectAllOrNo();"/></th>
<th>订单编号</th>
<th>商品编号</th>
<th>商品名称</th>
<th>经手人</th>
<th>客户</th>
<th>数量</th>
<th>是否处理</th>
<th>其他操作</th>
</tr>
</thead>
<c:forEach items="${page.data}" var="stockins" varStatus="c">
<tbody>
<tr onmouseover="this.style.backgroundColor='#FFF68F'" onmouseout="this.style.backgroundColor='#FAFAFA'" >
<td width="3%"><input type="checkbox" name="ck" id="ck" value="${stockins.id}"/></td>
<td><a href="/MyStoraneManage/stockIn_showStockInItemsByinid.action?inid=${stockins.inid}">${stockins.inid}</a></td>
<td>${stockins.gepc}</td>
<td>${stockins.gname}</td>
<td>${stockins.uid}</td>
<td>${stockins.guestid}</td>
<td>${stockins.sumin}</td>
<td>
<c:if test="${stockins.flag==0}">未处理</c:if>
<c:if test="${stockins.flag==1}">已处理</c:if>
</td>
<td>
<c:if test="${stockins.flag==0}">
<a href="/MyStoraneManage/stockIn_delStockInId.action?id=${stockins.id}" class="btn" onclick="javascript:return alert_del()"><span class="icon icon-cancel"> </span>删除</a>
<a href="/MyStoraneManage/stockIn_getOneStockIn.action?id=${stockins.id}" class="btn"><span class="icon icon-add"> </span>编辑</a>
</c:if>
<c:if test="${stockins.flag==1}">
<button class="btn" onclick="clickbtn();"><span class="icon icon-ok"> </span>详情</button>
</c:if>
</td>
</tr>
</c:forEach>
</tbody>
<tfoot>
<tr>
<td colspan="9">
<div class="pager">
共<font color="blue">${page.totalcount}</font>条记录 每页<input value="${page.pagesize}" size="2" name="pSize" />条
第<font color="blue">${page.currentPage}</font>页/共<font color="blue">${page.totalPage}</font>页
<a href="stockIn_page.action?pnum=1&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}">第一页</a>
<a href="stockIn_page.action?pnum=${page.prePage}&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}" >上一页</a>
<a href="stockIn_page.action?pnum=${page.nextPage}&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}" >下一页</a>
<a href="stockIn_page.action?pnum=${page.totalPage}&pSize=${page.pagesize}&stockin.inid=${stockin.inid}&stockin.gepc=${stockin.gepc}&stockin.guestid=${stockin.guestid}" >最后一页</a>
转到<input name="pnum" value="${page.currentPage}" id="pnum" size="2" />
<button onclick="pgsel();" type="submit">GO</button>
</div>
</form>
</td>
</tr>
</tfoot>
</table>
<span class="subtitle">
<input class="btn btn-red" type="button" value="全选" onclick="selAll();"/>
<input class="btn btn-green" type="button" value="反选" onclick="selOther();"/>
<input class="btn btn-blue" type="button" value="取消" onclick="noSelAll();"/>
<input class="btn btn-red" type="button" value="删除" onclick="delchecked();"/>
<input class="btn btn-green" type="button" value="增加" onclick="selOther();"/>
</span>
<hr/>
nai598455803 2013-11-21
- 打赏
- 举报
function clickbtnGet(id){
alert("参数："+id);
//$.ajax({
//url:"/MyStoraneManage/stockIn_ajaxLoad.action",
//type:"POST",
//data:{id:id},
//dataType:"json",
//success:function(data){alert(data)}
//});
alert("发送请求);
}lxl_h 2013-11-21
- 打赏
- 举报
最后生成的html 贴出来看看。。。什么意思？是贴这个函数所在的网页吗
tony4geek 2013-11-21
- 打赏
- 举报
最后生成的html 贴出来看看。
tony4geek 2013-11-21
- 打赏
- 举报
网页有js 错误。浏览器工具调试吧
加载更多回复（13）
1.在ShowParklotAdminInfo.jsp 页面的分页组件部分，做了一个很投机取巧的做法：
正常情况显示全部信息的时候，前几页都是6条信息，投机取巧的做法是，当返回的那一页有6条数据时，
显示下面的分页123.。。，但是到了最后一页，不够6条，那么分页组件也就没有了，其实是不对的。
这种做法的用处在于：当条件查询的时候，一般查询的结果只有1-3条，这样就可以不用显示分页组件。
分页的正确做法是：根据查询结果的总条数来进行分页，但是page工具类的做法是，
根据传入的表名称，返回总页数，这一点不对。
2.在查看停车场信息的描述信息时，由于描述过长，所以不能在界面直接显示，写成了一个a标签的查看链接，使用a标签的onclick函数，调用一个js，看起来像是使用的ajax访问数据库，其实是在onclick函数传参时，把描述信息作为参数传过去，然后alert出来，根本没用ajax或者js访问数据库。
onclick="seeDescri('','')">查看描述
JavaScript当中：
/
