<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title> <script>
// 1. 初始化 请求 对象
// Mozilla/Firefox 下的
//var xmlhttp = new XMLHttpRequest();
// IE 下的
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
//alert(xmlhttp);function ajaxTest(data) {
// 指定要打开的页面
//alert(data.title);
var url="Default2.aspx?sbid="+data.title;
xmlhttp.open("GET", url, true);// HTTP 请求的方式, URL, 是否异步
// 指定页面打开完之后要进行的操作.
xmlhttp.onreadystatechange = mychange;
// 开始发起浏览请求, Mozilla 必须加 null
xmlhttp.send(null);
}// 这个函数就是每次状态改变要调用的函数
function mychange() {
// 请求已完成
if(xmlhttp.readyState == 4) {
//alert(xmlhttp.readyState);
alert(xmlhttp.responseText);
// 更新对应的 HTML 元素里面显示的内容
// 根据 ID 引用页面里面的元素 document.getElementById(元素名)
document.getElementById('div1').innerHTML = xmlhttp.responseText;
}
}
</script></head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:DataList ID="DataList1" runat="server" DataKeyField="Bid" DataSourceID="SqlDataSource1"
RepeatDirection="Horizontal">
<ItemTemplate>
<div runat="server" onmouseover="ajaxTest(this)" style="display: inline; border: solid 2px black;
margin-left: 7px" title='<%# Eval("Bid") %>'>
|
<asp:Label ID="BContentLabel" runat="server" Text='<%# Eval("BContent") %>'></asp:Label><br />
</div>
<br />
</ItemTemplate>
</asp:DataList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:pubsConnectionString %>"
SelectCommand="SELECT * FROM [BigTitle]"></asp:SqlDataSource>
</div>
<div id="div1"></div>
<asp:DataList ID="DataList2" runat="server" DataKeyField="Sid" DataSourceID="SqlDataSource2">
<ItemTemplate>
<asp:Label ID="SContentLabel" runat="server" Text='<%# Eval("SContent") %>'></asp:Label><br />
<br />
</ItemTemplate>
</asp:DataList><asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:pubsConnectionString2 %>"
SelectCommand="SELECT * FROM [SmallTitle] WHERE ([S_Bid] = @S_Bid)">
<SelectParameters>
<asp:QueryStringParameter DefaultValue="1" Name="S_Bid" QueryStringField="sbid" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title> <script>
// 1. 初始化 请求 对象
// Mozilla/Firefox 下的
//var xmlhttp = new XMLHttpRequest();
// IE 下的
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
//alert(xmlhttp);function ajaxTest(data) {
// 指定要打开的页面
//alert(data.title);
var url="Default2.aspx?sbid="+data.title;
xmlhttp.open("GET", url, true);// HTTP 请求的方式, URL, 是否异步
// 指定页面打开完之后要进行的操作.
xmlhttp.onreadystatechange = mychange;
// 开始发起浏览请求, Mozilla 必须加 null
xmlhttp.send(null);
}// 这个函数就是每次状态改变要调用的函数
function mychange() {
// 请求已完成
if(xmlhttp.readyState == 4) {
//alert(xmlhttp.readyState);
alert(xmlhttp.responseText);
// 更新对应的 HTML 元素里面显示的内容
// 根据 ID 引用页面里面的元素 document.getElementById(元素名)
document.getElementById('div1').innerHTML = xmlhttp.responseText;
}
}
</script></head>
<body>
<form id="form1" runat="server">
<div>
<div>
<asp:DataList ID="DataList1" runat="server" DataKeyField="Bid" DataSourceID="SqlDataSource1"
RepeatDirection="Horizontal">
<ItemTemplate>
<div runat="server" onmouseover="ajaxTest(this)" style="display: inline; border: solid 2px black;
margin-left: 7px" title='<%# Eval("Bid") %>'>
|
<asp:Label ID="BContentLabel" runat="server" Text='<%# Eval("BContent") %>'></asp:Label><br />
</div>
<br />
</ItemTemplate>
</asp:DataList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:pubsConnectionString %>"
SelectCommand="SELECT * FROM [BigTitle]"></asp:SqlDataSource>
</div>
<div id="div1"></div>
<asp:DataList ID="DataList2" runat="server" DataKeyField="Sid" DataSourceID="SqlDataSource2">
<ItemTemplate>
<asp:Label ID="SContentLabel" runat="server" Text='<%# Eval("SContent") %>'></asp:Label><br />
<br />
</ItemTemplate>
</asp:DataList><asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:pubsConnectionString2 %>"
SelectCommand="SELECT * FROM [SmallTitle] WHERE ([S_Bid] = @S_Bid)">
<SelectParameters>
<asp:QueryStringParameter DefaultValue="1" Name="S_Bid" QueryStringField="sbid" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货