jsp ajax 出现 TypeError:异常

2013-06-25

求助 jsp ajax 出现 TypeError:错误本帖最后由 showbo 于 2013-06-07 16:53:40 编辑!DOCTYPE HTMLhtml

求助 jsp ajax 出现 TypeError:错误
本帖最后由 showbo 于 2013-06-07 16:53:40 编辑

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<title>后台查询系统</title>
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cookies.2.2.0.min.js"></script>
<script type="text/javascript" src="js/jquery.skygqbox.1.3.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/validation.js"></script>
<script type="text/javascript" src="js/glDatePicker.min.js"></script>
<style type="text/css">
.rcontent_title a { color:white; }
.hide {display:none}
.warn {color:red; font-weight:bold}
</style>
</head>

<body>
<%@ include file='acc_top.jsp' %>
<div class="content_fx">
  <div class="rcontent_title">
    <h1>管理 > 当日明细 </h1>
    <h2>明细一览</h2>
  </div>
  <div class="rdatetable_fx">
    <div class="date_search" >
      <h3>查找:</h3>
      <ul>
        <li>日期：<input id="date1" type="text" value="<%=str_date1%>">到<input  id="date2" type="text" value="<%=str_date1%>"> </li>
        <li><input id="btn1" type="button" class="search_button" value="查 询"></li>
      </ul>
    </div>
    <table width="100%" class="datecon" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th align="center">日期</th>
        <th align="center">个数</th>
        <th align="center">人数</th>
        <th align="center">次数</th>
      </tr>
      <tbody id="main">
      
      </tbody>
    </table>
    <div class="page">[ 共<span id="totalCount"></span>条|总<span id="totalPage"></span>页|第<span id="curPage"></span>页 <a id="pHome" href="javascript:void(0)">首页</a> <a id="pPrev" href="javascript:void(0)">上一页</a> <a id="pNext" href="javascript:void(0)">下一页</a> <a id="pEnd" href="javascript:void(0)">末页</a> ]</div>
    <div class="new_icon">
      <div class="right_icon">
        &nbsp; 
 
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
var cmd=0, btnQry=$('#btn1'), page=1, pageSize=10, data,totalPage,curPage, pHome, pEnd, pPrev, pNext, data1;

btnQry.click(function(){
if (page == 0) {page = 1};
$.ajax({
type:'POST', url:'/clients/account?action=list',
data:'{ userid:"<%=userid%>", date1:"'+$('#date1').val()+'", date2:"'+$('#date2').val()+'", page:"'+(page-1)*pageSize+'", pagesize:"'+pageSize+'"}',
cache:false, contentType:'json',
success:function(msg) {
data1 = eval(msg);
var main = $('#main');
alert("成功啦");
main.html('');
for (var i = 0; i < data1.length; i++) {
main.append('<tr><td align="center">'+data1[i].date1+'</td>'
+ ' <td align="center">'+data1[i].reguser+'</td> '
+ ' <td align="center">'+data1[i].expuser+'</td> '
+ ' <td align="center">'+data1[i].money+'</td> '
+ ' </tr> ');
}
$("#main tr:even").addClass("gray");

// page
simplePage(data1.count);
$('#totalCount').html(data1.count);
},
error:function(XMLResponse){
alert(XMLResponse.responseText);
//alert("服务器没有返回数据，可能服务器忙，请重试");
}
});
});
totalPage = $('#totalPage');
curPage = $('#curPage');
pHome = $('#pHome');
pEnd = $('#pEnd');
pPrev = $('#pPrev');
pNext = $('#pNext');
btnQry.click();

</script>
</body>
</html>

得不到数据了。
[解决办法]
data:'{ userid:"<%=userid%>", date1:"'+$('#date1').val()+'", date2:"'+$('#date2').val()+'", page:"'+(page-1)*pageSize+'", pagesize:"'+pageSize+'"}',

确认你发送的数据是这样的？这样发送数据不是键值对了。。这样将data后面的字符串当做一个整体来发送。

可以用firebug和chrome的开发人员工具看下ajax返回了什么内容
[解决办法]
/clients/account?action=list

你这个动态页出问题了，去掉try..catch或者关闭隐藏错误的配置，看具体错误是什么。

你确定你的/clients/account?action=list这个地址接受的不是键值对数据？而且json格式的字符串数据？

如果是接受键值对要写成这样


data:{ userid:"<%=userid%>", date1:$('#date1').val(), date2:$('#date2').val(), page:(page-1)*pageSize, pagesize:pageSize}

热点排行

Ajax

jsp ajax 出现 TypeError:异常