看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
该插件组小巧使用方便，以下是一个从前台提交查询条件，从MSSQL返回json数据的一个事例 HTML前端代码 代码如下: include_once("auth.php"); ?> function FindData(){ $('#mytable').datagrid('load',{ PersonCode:$('#PersonCode').val(), KQYM:$('#KQYM').val()} ); } url="loadgriddata_get.php" title="请输入查询条件" rownumbers="true" toolbar="#searchtool" loadMsg="正在查询..."> 工号 姓名 考勤日期 星期...
eg_1. 在页面中查找某id图片集合，先放到代码：代码如下: 在其中查找id中包含"CBS_1"的img，使用$("img[id=^CBS_1]"),即可获取到代码如下: eg_2. 再举个例子，在页面中查找某id的div集合，放上代码：代码如下: 在其中查找id中包含"div_1"的div，使用$("div[id=^div_1]"),即可获取到代码如下: ps: 语句很简单，但在浏览器开发工具中很实用，这次研究地图cacheLayer中...
代码如下: 然后是CenterPage.html框架中的代码，也就是tabs框架中的代码：代码如下://因为layout框架指向href时，只取html页面body中间的部分，所以该页面这样写即可//有datagrid包含属性较多，所以尽量使用js的方式初始化datagrid框架$(function () {$("#dg").datagrid({url: "GetJson.ashx", //指向一个一般处理程序或者一个控制器，返回数据要求是Json格式，直接赋值Json格式数据也可，我以demo中自带的Json数据为例，就不写后...
演示地址: http://bejson.com/demos/qqmusic/ 代码下载:http://www.jqdemo.com/932.html 查询QQ音乐是很早前就出来的一个接口。 这里使用jQuery和jPlayer来实现QQ空间音乐的查询。 首先感谢bejson收集的各种有用的接口,当然也包含QQ空间音乐接口。 它的网址是:http://www.bejson.com/webInterface.php 我们要使用的接口位于bejson接口页面中的音乐接口栏里。 QQ音乐接口地址: http://qzone-music.qq.com/fcg-bin/fcg_music_fav_get...
代码如下: $.post("queryTIciptBaseAuxType",{},function(data){ 此处返回的 data 为 obejct 对象 } $.post("queryTIciptBaseAuxType",function(data){ 此处返回的 data 为 字符串 } 区别，中间少了一个{} ，只明结果不知道原因，欢迎大虾拍砖！
初识Jquery EasyUI看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例。写了一些基本的增删改查功能，算是对该控件的基本入门。后续有时间继续深入学习。 在学习jquery easyui前应该先到官网下载最新版本http://www.jeasyui.com/download/index.php 先看一下运行后的页面 1、列表展示2、新增页面3、修改页面把jquery easyui下载好之后，一般引...
代码如下: 手机号码归属地查询 请输入手机号码 查询 号码有误 或 无数据 手机号码: 归属省份: 运 营 商: var tel; var ajax=function(){ //淘宝接口 $.ajax({ type: "get", url: 'http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel='+tel, dataType:...
使用方法： 代码如下:$("#todo_tip").pull_todo_count(); 后台返回值 代码如下:{"todo_count":3} js文件代码如下:(function ($) { var element; $.fn.pull_todo_count = function () { var a = $(0个审核待申请); a.attr("href","/process/todo_list"); a.appendTo($(this)); $(this).hide(); element = $(this); timerRequestData(); }; function timerRequestData() { ...
在用ajax进行分页查询时，分页的数目要用到取整函数var uu=Math.floor(5.36) //向下取整 结果为5 var uu=Math.floor(5.88) //结果为5 Math.ceil(5.33) //向上取整，结果为6 Math.round(5.55) //四舍五入 结果为6 math.round(5.22) //结果为5 </ script>
本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下：$(document).ready(function(){ layer.load(0); //初始化加载 //可选范围(0-9)0表示等返回结果后关闭，1-9表示自动关闭时间(s) });当查询结果集返回后，设置关闭等待的样式function init_page_pro(sdate, pro) { $.post("detail.key", {'pro' : pro,'sdate' : sdate }, function(result, resultState) {if (resultState == "succes...
之前很少会用javascript去实现页功能主要怕麻烦，但了解JQuery后这种想法发生了变化；有了这样的脚本组件就可以在编写脚本时方便和HTML隔离出来，这样编写高重用性的脚本就更方便。下面就是介绍在学习JQuery过程中编写的基于Ajax的数据查询、排序和分页功能的复用脚本，只要遵循脚本的某些规则描述HTML把脚本文件引入就可以方便实现以上描述的功能。先看下实现功能的代码：/**应用脚本规则： 引用脚本: JQuery脚本和JQuery的form插...
大多旅游网站上都提供了一个城市和日期输入查询的功能。用户在输入框中只需输入城市的拼音或者简称就可以即时查询到相关城市的名称，选择日期时则是出现两个月的日历控件，只需点选日期即可，整个操作简捷明了。 本文用到了jquery ui库的datepicker插件来控制日历以及输入城市提示的插件。XHTML出发城市： 目的城市： 出发日期： 返回日期： 设计城市和日期的输入框，注意使用了div#suggest和div#suggest2两个DIV是用来显示城市...
本文实例讲述了jsonp跨域请求数据实现手机号码查询的方法。分享给大家供大家参考，具体如下： 前言 网上有很多开放的api，我们在本地通过ajax获取数据时，总会碰到一个问题，那就是跨域！如果不借助php等，仅仅通过js怎么解决跨域的问题呢？或许jsonp是个不错的选择。 知识准备 之前一篇《说说JSON和JSONP 也许你会豁然开朗》对jsonp已经介绍的很详细了，这里就不多介绍了，直接上实例吧 代码：手机号查询 html{color:#000;backgro...
本文实例介绍了jQuery实现多级联动下拉列表查询框的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：body{font-size:13px}.clsInit{width:435px;height::35px;line-height:35px;padding-left:10px}.clsTip{padding-top:5px;background-color:#eee;display:none}.btn{border:solid 1px #666;padding:2px;width:65px;float:right;margin-top:6px;margin-right:6px;filter:progid:DXImageTransform.Mcrosoft.Gradient...