在jsp页面,使用ajax提交数据,为什么页面还是刷新了,请教

maogeer 2011-05-13 12:33:18
功能就是点击一个图片,利用ajax无刷新来提交,由于页面很长,图片在页面最下面,点击图片后,数据是提交了,可页面向上移动到顶了,感觉页面还是刷新了,代码如下,请高手赐教,先谢谢了。

调用js的超链接,如下

<div><table><tr>
<td><a href="#" onclick="toModify('1','2')"><img src="images/yqr.gif" /></a></td>
</tr></table></div>


ajax的js代码,如下

<script language="javascript">
var request;
function createRequest() {
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request) {
alert("Error initializing XMLHttpRequest!");
}
}

function toModify(id1,id2){
var url = "<%=request.getContextPath()%>/AttendanceModifySubmit.do?id1="+id1+"&id2="+id2;
createRequest();
request.open("POST",url,true);
request.send(null);
}
</script>
...全文
103 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
qwe065560 2011-05-13
  • 打赏
  • 举报
回复
你既然已经在图片上onclick了。为什么还要用a标签包裹呢..如果想要手型效果用CSS样式写一个不是更好
maogeer 2011-05-13
  • 打赏
  • 举报
回复
十分感谢,以上两位大神的都可以实现。
toury 2011-05-13
  • 打赏
  • 举报
回复
<div><table><tr>
<td><img src="images/yqr.gif" onclick="toModify('1','2')" style="cursor:pointer;" /></td>
</tr></table></div>
yefeng_214 2011-05-13
  • 打赏
  • 举报
回复
说白了就是你用的a标签 href="#"引起的~~~
hongmei85 2011-05-13
  • 打赏
  • 举报
回复
试下
<div><table><tr>
<td><a href="####" onclick="toModify('1','2')"><img src="images/yqr.gif" /></a></td>
</tr></table></div

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧