效果图如下:

20111113233040917.jpg

先贴前台代码:其中关键代码是 通过span标记的data(自定义属性)绑定Id

DataKeyNames="Id" onrowdeleting="GvCollect_RowDeleting"

EnableModelValidation="True">

" target="_blank">查看

删除

然后是弹出层快代码:

接下里看css样式引用文件和js调用(我用的是jqueryUI库)

$(function () {

//初始化弹出层,加载是不显示

$("#divTip").dialog({

show: null,

width: 500,

height: 500,

bgiframe: false,

autoOpen: false,

buttons: {

"Ok": function () {

$(this).dialog("close");

},

"Cancel": function () {

$(this).dialog("close");

}

}

});

//取消对象自身的事件冒泡

$("#divTip").bind("click", function (event) {

event.stopPropagation();

});

//动态提示类弹出层,点击对象时弹出装载页面

$(".showCon").css("cursor", "pointer").click(function (event) {

$("*").stop();

$("#divTip").dialog("close");

event.stopPropagation();

var top = $(event.target).offset().top + 20;

var left = $(event.target).offset().left;

//取得对象源的id

var objId = $(event.target).attr("data");

// alert(objId);

$.ajax({

type: "POST",

url: "Show_Coll.aspx",

data: "id=" + objId,

success: function (con) {

$("#divTip").html(con);

}

});

// $("#divTip").html(objId);

$("#divTip").dialog("option", "position", [left, top]);

$("#divTip").dialog("open");

});

})

接下里是服务器页面:

一般我们获取参数都是 Request.QueryString[""],但是这个是获取url中的参数,而现在是获取http对象中的,,所以用Request[""],

否则取不出数据

//Request.QueryString["id"] == null

if (Request["id"]==null)

return 0;

return Convert.ToInt32(Request["id"].ToString());

jquery的ajax查询数据库,jquery中使用ajax获取远程页面信息相关推荐

  1. mysql所有班级名称和人数_mysql数据库优化课程---12、mysql嵌套和链接查询(查询user表中存在的所有班级的信息?)...

    mysql数据库优化课程---12.mysql嵌套和链接查询(查询user表中存在的所有班级的信息?) 一.总结 一句话总结: in:distinct:select * from class wher ...

  2. mysql数据库优化课程---12、mysql嵌套和链接查询(查询user表中存在的所有班级的信息?)...

    mysql数据库优化课程---12.mysql嵌套和链接查询(查询user表中存在的所有班级的信息?) 一.总结 一句话总结: in:distinct:select * from class wher ...

  3. sql查询数据库表中重复数值

    sql查询数据库表中重复数值 -- 查询表中id重复的值 select id from 表名 group by id having count(*) > 1--查询表中的重复记录,重复记录是根据 ...

  4. 查询数据库表中字段的名称、类型、字段长度

    怎样查询数据库表中字段的名称.类型.字段长度 SQL server版: 今天用的是SQL server,查询当前数据库下,一张表的表名.字段名.字段类型.字段长度. SELECT a.name,b.n ...

  5. geoip php 获取城市,Laravel 中利用 GeoIP 获取用户地理位置信息

    这篇文章主要介绍了关于Laravel 中利用 GeoIP 获取用户地理位置信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 我最近需要一个用户地域检测来设置用户的默认区域和货币.由 ...

  6. jQuery中ajax的触发时机,javascript - 如何在启动Ajax查询的jQuery中触发方法change() - 堆栈内存溢出...

    我有一个带有部门清单的选择项目html. 当我选择一个(方法"更改")时,它将在jquery中启动ajax请求,该请求将显示在另一个select输入中,即从数据库中获取的城市列表. ...

  7. php mysql jquery ajax 查询数据库三级联动

    1.php 页面打开直接展示第一个select option中的数据 2.当第一个下拉列表选中的内容发生改变的时候,查询数据库填充第二个下拉列表 3.当第二个下拉列表选中的内容发生改变时,查询数据库填 ...

  8. php如何查询数据库表中数据库,PHP+MYSQL如何进行查询数据库

    PHP+MYSQL进行查询数据库的方法:1.函数[mysql_fetch_object()],从结果集中取得一行作为对象,并将字段名字做为属性:2.函数[mysql_num_rows()]获取由sel ...

  9. mysql 查询表 第一列报错_MySQL----DQL(查询数据库表中数据)

    ##DQL:查询表中的记录 1.语法: select 字段列名 from 表名列表 where 条件列表 group  by 分组字段 having  分组之后的条件 order  by 排序 lim ...

最新文章

  1. 在Ubuntu 16.04.1 LTS上测试Linux AIO功能实录
  2. 测试驱动开发与行为驱动开发中的测试先行方法
  3. 输入20本书的书名,作者,出版社,出版日期,单价,按书名排序输出
  4. 简单实用的php分页类(多种分页方式)
  5. Java多线程协作CountDownLatch,主线程等待子线程结束
  6. python啥意思-python是什么意思
  7. 技术分享连载(六十)
  8. User Story的常见困难
  9. mysql dump gtid_mysqldump导出数据备份 --set-gtid-purged=OFF
  10. 关于Html中jsp调用Android中方法无效的一点建议
  11. [Android] TextView 分页功能的实现
  12. python类对象点处折行_史上最全的Python面向对象知识点疏理(对象是类的实例)
  13. Android APK反编译步骤
  14. php生成迷宫图片,PHP实现基于回溯法求解迷宫问题的方法详解
  15. jquery 时间相减获取天数_JQuery Datepicker实现JavaScript日期相减的小例子
  16. Linux 查看 硬件配置
  17. linux 查询命令 批量替换多个文件
  18. 普通函数和Generator函数递归获取嵌套数组的最大值
  19. 深度学习笔记(四):循环神经网络的概念,结构和代码注释
  20. [请您去投票]ESRI中国社区2008年度优秀会员评选

热门文章

  1. PHP-CGI进程占用过多CPU
  2. NSURLConnection-网络访问(同步异步)
  3. tomcat记录X-Forwarded-For字段中的远程IP
  4. JDK1.5新特性介绍
  5. java 文件内容读取到字符串中,从文本文件中将字符串值读取到Java中的Jav...
  6. Jquery实现鼠标双击Table单元格变成文本框
  7. CF1228C. Primes and Multiplication(数学)
  8. linux .bashrc文件修改和生效
  9. java Math类
  10. 《菜菜的机器学习sklearn课堂》逻辑回归