大神帮忙看一下怎么实现Ajax下，一个JS作用于不同
上面去。

wbb_Java 2014-09-04 09:12:22
<%@page import="com.wbb.domain.SaleProduct"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>The Products Sale condition.</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="taobao,cloth,baobei">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
p.title {
text-align: center;
font-size: 200%;
font-weight: 900;
color: rgb(0, 0, 255);
}

mytable {
padding: 0;
margin: 0;
border-collapse: collapse;
}

td {
border: 1px solid #C1DAD7;
background: #fff;
font-size: 11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}

td.alt {
background: #F5FAFA;
color: #797268;
}

td.ctr {
background: #F0FFF0;
color: #383838;
}

td.ent {
background: #F0FFF0;
color: #33CCFF;
}
</style>
</head>

<body>
<script language="JavaScript">
var XMLHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
XMLHttp = new XMLHttpRequest();
} else {
if (window.ActiveXObject) {
try {
XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
}
}
function showDetails(it) {
createXMLHttpRequest();
XMLHttp.open("get", "Details.jsp", true);
XMLHttp.onreadystatechange = function() {
if (XMLHttp.readyState == 4) {
it.innerHTML = XMLHttp.responseText;
}
}
XMLHttp.send();
}
</script>
<br />
<!-- <input type="button" onclick="showDetails()" value="展开">
<div id="Details"></div> -->
<p class="title">热销宝贝排行</p>
<table width="1200" id="mytable" cellspacing="0" align="center">
<tr>
<td align="center" class="alt">序号</td>
<td align="center" class="alt">热销宝贝</td>
<td align="center" class="alt">标题</td>
<td align="center" class="alt">价格</td>
<td align="center" class="alt">成交笔数</td>
<td align="center" class="alt">成交升降</td>
<td align="center" class="alt">宝贝详情</td>
</tr>
<%
ArrayList list = new ArrayList();
list = (ArrayList) request.getAttribute("saleList");
Iterator it = list.iterator();
while (it.hasNext()) {
SaleProduct sp = (SaleProduct) it.next();
%>
<tr>
<td align="center" class="ctr"><%=sp.getId()%></td>
<td align="center" class="ctr"><img src=<%=sp.getPicturePath()%>
border=0 width="100" height="100" align="middle"></td>
<td align="center" class="ent"><%=sp.getTitle()%></td>
<td align="center" class="ctr"><%=sp.getPrice()%></td>
<td align="center" class="ctr"><%=sp.getDealNum()%></td>
<td align="center" class="ctr"><%=sp.getDealTrend()%>%</td>
<td align="center" class="ctr"><input type="button"
//我是想给每个按钮一个不同的ID
onclick="showDetails('a<%=sp.getId()%>')" value="展开"></td>
</tr>
<tr>
//JS异步请求回来后根据这个ID把内容显示到这个DIV上。
<td colspan="6"><div id='a<%=sp.getId()%>'>123</div></td>
</tr>
<%
}
%>
</table>
<br />
</body>
</html>
*************************************************************************************************************************************
其实就是想做一个触碰“展开”按钮就会展开一个从数据库里读出来的东西（上面代码还没实现到那一步就卡住了）。
还有个问题就是，怎么用jQuery做多个标签？？
还有，动态的100%比条是什么方法实现的。
我最终要实现的效果是：

************************************************************************************************************************
我是相当菜的实习生，希望大神教我，谢谢！！！
...全文
207 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
YangSy_001 2015-01-15
  • 打赏
  • 举报
 回复
页面的上面或者下面有个结贴按钮可以结贴
wbb_Java 2015-01-15
  • 打赏
  • 举报
 回复
引用 4 楼 niuzaiwenjie 的回复:
问题解决了，记得给别人分
怎么给分啊帅哥，不会搞啊
无情天下 2014-09-09
  • 打赏
  • 举报
 回复
建议还是用jquery的ajax好一点，原始的ajax不保险...
wbb_Java 2014-09-05
  • 打赏
  • 举报
 回复
引用 1 楼 qingyuan18 的回复:
var XMLHttp; function createXMLHttpRequest() { if (window.XMLHttpRequest) { XMLHttp = new XMLHttpReq --这种代码极易出现浏览器兼容性问题，不要再用了，改用Jquery做ajax调用 不同的div首先用id区分好，然后Jquery里面$("#"+你的div的id)即可
好了，解决了，谢谢。 我还发现，如果需要显示另外的jsp页面到下面的div中，可以这样写： function showDetail(it){ $("#"+it).toggle(); $("#"+it).load('Details.jsp'); }
qq_20457651 2014-09-05
  • 打赏
  • 举报
 回复
niuzaiwenjie 2014-09-05
  • 打赏
  • 举报
 回复
问题解决了，记得给别人分
wbb_Java 2014-09-04
  • 打赏
  • 举报
 回复
引用 1 楼 qingyuan18 的回复:
var XMLHttp; function createXMLHttpRequest() { if (window.XMLHttpRequest) { XMLHttp = new XMLHttpReq --这种代码极易出现浏览器兼容性问题，不要再用了，改用Jquery做ajax调用 不同的div首先用id区分好，然后Jquery里面$("#"+你的div的id)即可
********************************************* 这个$("#"+你的div的id)中的id可以写成动态的参数嘛？我想只写一个function，不同的按钮去调用，然后返回到不同的div上。
qingyuan18 2014-09-04
  • 打赏
  • 举报
 回复
var XMLHttp; function createXMLHttpRequest() { if (window.XMLHttpRequest) { XMLHttp = new XMLHttpReq --这种代码极易出现浏览器兼容性问题，不要再用了，改用Jquery做ajax调用 不同的div首先用id区分好，然后Jquery里面$("#"+你的div的id)即可
2018 大厂高级前端面试题汇总
综述：看到大神分享的面试题，汇总起来，找到自己的差距 以下是面试题汇总，后续阶段会持续深入更新面试题解，共勉！ 阿里 使用过的koa2中间件 koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍...
2019年网易最新前端工程师面试题及答案解
B、<table> <tr> <td>Data 1</td> <td>Data 2</td> <tr> </table> C、<p> <ul> <li>Item 1</li> </ul> </p> D、<a href="/"> <p>Some Text</p> </a> 参考答案：D 答案解析： 略 9. 请问以上程序的...
摘录-JavaScript引擎工作原理
相比于一年前，现在学习东西喜欢从原理和源码角度去了解新的东西，工作中偶尔看到了 alert函数和dom操作的 执行顺序，查查资料，拷贝，   JavaScript Alert 函数执行顺序问题 前几天使用 JavaScript 写 HTML ...
python flask + js ajax + echarts 53万条招聘信息可视化系统的渣实现
（从0到1非常详细步骤）flask+ajax+echarts 53万条招聘信息可视化系统的实现 本篇blog默认：您已经入门echarts、html、js、json、python，知道一些大概的东西，但是具体细节部分需要上网查找资料解决。如果您满足...
论如何把JS踩在脚下 —— JQuery基础及Ajax请求详解
JQuery是一种JavaScript框架，是一堆大神搞出来的能够让前端程序猿敲更少代码、实现更多功能的工具（在此，跪谢各位JQuery开发大大们！！！）。JQuery的使用给优化HTML文档操作、事件处理、动画设计和Ajax交互提供了...
Web 开发

81,092

社区成员

341,716

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章