该插件组小巧使用方便，以下是一个从前台提交查询条件，从MSSQL返回json数据的一个事例 HTML前端代码 代码如下:<?php include_once("auth.php"); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="/inc/js/EasyUI/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="/inc/js/EasyUI/themes/icon.css"> <script ty...
jQuery 的 data API 实现方式有缓存数据的效果 使用 IE 7 （IE8+ 在控制台切换至IE7 模式），当DOM 节点有自定义数据属性时，检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性，这便是 用于从数据存储对象中获取自定义数据的建。当自定义数据属性是一个 json 格式字符串时，缓存的数据如果被修改， 则修改后的数据继续存在于缓存系统中， 如果不留意，这可能导致一些BUG 代码如下:<!DOCTYPE HTML> <html> <head> <s...
模态窗体已经成为Web开发人员设计界面时经常要使用的传输数据的方式。通过模态窗口，可以提高网站的可用性。正好项目的需要，有个客户想要模态弹出的窗体来提交网站的反馈，经过一番测试实现了，我使用jQuery fancybox插件来创建一个漂亮的模态窗体，提交表单的数据在服务器端实现Ajax调用。你可以在你的邮件里收到用户发送的反馈消息html代码 header部分主要的JS文件如下引入jquery代码和fancybox代码 代码如下:<script type="tex...
1、功能需求：表格中数据隔行变色、删除数据、全选删除、鼠标移动到图片时显示图片预览 2、示例代码如下： 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 数据管理 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script language="javascript" type="text/...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下:<script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Chec...
该插件就是为此而生,所以就写了一个. 不过目前并不支持IE6浏览器. 希望大家能多多指教. :) pickerbox 1.0 介绍 pickerbox简称采摘盒子,是基于Jquery的插件,同时也依赖了Ztree3.2,Easyui1.26,及AsyncBox1.4.5.主要为了解决选择多条件的数据. -封装主要插件复杂的使用,关心主要的常用使用. -支持树,导航导向呈现数据. -支持跨iframe获取数据. -灵活支持记录数据. -提供重要事件回调. -兼容IE8以上浏览器. 由于多个插件集成,未能面面俱...
1. 数据 一共包含了全国3049所大学, 从人人网拷贝的 (仅供学习交流, 请勿用于商业项目), 这是一个脚本文件, 里含的JSON对象存储了学校的信息, 格式为: 代码如下:var schoolList=[ { "id":1, //省份id "school": [ { "id": 1001, //学校id "name": "\u6e05\u534e\u5927\u5b66" //学校名称 } /.... ], //这个省的学校 "name": "\u5317\u4eac" }, //... ]; 2. 步骤 2.1 弹框的构造及弹出方式 目前弹框分为iframe和div两种形式, 在本...
index.php中 var autoSave = false; 控制不自动提交。 index.php 代码如下:<?php require db.php; $query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`"; $lis = mysql_query($query,$conn); $li_count = mysql_num_rows($lis); ?> <!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"> ...
后来在一个不起眼的小站找到一个帖子，某个人的一个建议提醒了我。 我原来的代码是这样写的： 错误代码 代码如下:$.ajax({ type: "post", url: "_service.asmx/getDataFromATable", data:" { tablename: temp }", dataType: "XML" ... WS是这样写的： webservice 代码如下:[WebMethod] public DataSet getDataFromATable(string tablename) { DataSet ds = new DataSet(); using (SqlConnection con=new SqlConnection(connecti...
代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>拉动滚动条加载数据</title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var i = 4;$(window).bind("scroll", function (event) { //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.scrollTop + document.body.scrollTop...
自从腾讯微博上线以来，基本上就开始用了，一直到现在，作为一个开发人员，也看到了腾讯微博一直在不停的改变，也不知道大家有没有发现，腾讯微博提供两种加载数据的方式，一种是分页，一种是滚动浏览器滚动条加载数据，分页功能我想大家都做得太多了，今天我与大家分享一下我用滚动条滚动加载数据下面开讲： 首先说一下思路，我用的是Jquery，然后通过Jquery的ajax()方法通过 HTTP 请求加载远程数据来实现的，用到Jquery，首先...
查了些资料，写了4个Demo： 1. 隔行着色 代码如下:$(#table1 tr:odd).addClass(odd); $(#table1 tr:even).addClass(even); 效果：2. 高亮含有特定数据的行 代码如下:$("#table2 tr:contains(Fuck)").addClass("selected"); 3. 筛选数据 代码如下:$("#filter").click( function(){ $("#table3 .datarow").hide().filter(":contains(ABCDEFG)").show(); } ); 4. 根据用户输入，即时筛选数据 代码如下:$("#keyword").keyup(f...
一、Jquery向aspx页面请求数据 前台页面JS代码： 代码如下:$("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { alert(result.msg); } }); }); 代码如下:<input id="Text1" type="text" value=张三/> <input id="Button1" type="button" value="提交" /> 后台cs代码： 代码如下:protected void Page_Load(object sende...
扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination 用法 代码如下:<table id="tt"></table> 代码如下:$(#tt).datagrid({ url:datagrid_data.json, columns:[[ {field:code,title:Code,width:100}, {field:name,title:Name,width:100}, {field:price,title:Price,width:100,align:right} ]] }); 数据表格（DataGrid）的特性<?XML:NAMESPACE PREFIX = O ...
其实Json也就是一种数据的格式，在后台将数据封转为一种格式，然后在前台用相同的方法解析，类似于序列化。json格式主要是由键值对组成，它可以表示多个数据。比如 {name:zhangsan,age:12,class:1} 同时json 还可以表示一个数据集，它是又{}和： 来组成的。比如我们需要从数据库查询出一张表格，然后将表格传输给前台，但是dataset是不能直接传输的，我们需要将dataset数据转换为json数据，这样可以方便前台js解析数据，下面我来写...