用ajax或jquery方法能否实现点击datalist中某字段显示详细信息？解决方案-C#教程-爱易网页

用ajax或jquery方法能否实现点击datalist中某字段显示详细信息？解决方案

日期：2014-05-18　浏览次数：20644 次

用ajax或jquery方法能否实现点击datalist中某字段显示详细信息？
用ajax或jquery方法能否实现点击datalist中显示的某个字段弹出层显示详细信息？希望能提供相关的例子。谢谢！

------解决方案--------------------

HTML code


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>DataList练习</title>

    <script type="text/javascript">
        function openDialog(id) {
            alert(id);
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DataList ID="DataList1" runat="server">
            <ItemTemplate>
                <a href="#" onclick="openDialog('<%#Eval("ID") %>>'); return false;">详情</a>
            </ItemTemplate>
        </asp:DataList>
    </div>
    </form>
</body>
</html>

------解决方案--------------------

如果是弹出详情。。。用AJAX做反而更复杂。。。

可以用iframe的方式弹出一个详情页。。。

用JQuery的插件可以实现。。。

thickbox...colorbox...fancybox都可以实现。。。

LZ可以搜索一下，示例非常多。。。

-----------------------------------------

LZ用想用Jquery的AJAX弹出一层，可以学习一下

其实只需要了解一下Jquery的$.ajax方法。。。

此方法中重要的几个参数：data是你的参数（比如传一个ID过去）

url写你要请求的地址（它来给你返回数据），success里接收返回来的数据，显示在层上，并让层显示

这个不需要别人给你什么示例，下个Jquery文档。。