【前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例】教程文章相关的互联网学习教程文章

ajax无刷新动态调用股票信息(改良版)_jquery【图】

代码如下: ajax test ... function ajaxRequest()...{ var url = $("#stockurl").val() + $("#stockinit").val(); $.ajax(...{ url: url, type: 'GET', dataType: 'html', timeout: 2000, success: function(response)...{ var stocks = response.split(';'); for(var i=0; ivar content = stocks[i]; var temp1 = content.split('=')[0]; var temp2 = content.split('=')[1]; var code = temp1.substr(temp1.length - 6, 6); v...

jquery插件web2.0分格的分页脚本,可用于ajax无刷新分页_jquery

******生成js分页脚****** ****没剑(2008-03-05)**** 修改日期:2008-3-12 添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量 参数: pagesize:10 //每页显示的页码数 ,count:0 //数据条数 ,css:"mj_pagefoot" //分页脚css样式类 ,current:1 //当前页码 ,displaynum:7 //中间显示页码数 ,displaylastNum:5 //最后显示的页码数 ,previous:"上一页" //上一页显示样式 ,next:"下一页" //下一页显示样式 ,paging:nu...

jquerypagination插件实现无刷新分页代码_jquery【图】

先把要用到的文件依次进入进来: 代码如下: 接着在页面的body里面写入如下的代码,在这里强调一下呈现出来的数据是没有进行控件绑定的,完全是由简单的table来呈现数据的,先看一下页面代码 代码如下: 产品名称 产品单价 我们先分析一下代码,很明显我们设定了一个标准的带有的表格,然后再加上了我们使用到的Jquery的插件—Paination,在这里我们只需定义一下一个以id为Pagination的层就可以了。页面的代码我...

Jquery实现无刷新DropDownList联动实现代码_jquery【图】

先看HTML,我们引用Jquery,放两个DropDownList: 代码如下: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; }    接着写核心的Script: 代码如下: $(function() { var $ddl = $("select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:s...

Jquery+JSon无刷新分页实现代码_jquery【图】

控件类代码: 代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO; [assembly: WebResource("PageBarJS.js", "application/x-javascript")] namespace Hawkon.Control { [DefaultProperty("Text")] [ToolboxData("<{0}:PageBar...

jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)_jquery【图】

理由:jquery简单,兼容性好且容易封装。废话不多说,马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件,我也是有些模仿flexGrid的形式。 需求:GridView显示数据,无刷新分页,无刷新排序,无刷新过滤(搜索数据),基于ASP.NET(我们这里有ashx一般处理文件来实现)。 使用到技术:asp.net2.0, jquery,css 首先写的是jquery插件方面,使用的核心函数还是jquery的ajax函数,方便快捷。 代码如下: $.ajax({ type: p.met...

一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)_jquery

代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.Linq; using System.Xml; using System.Xml.Linq; namespace WebApplication3 { public partial class WebForm1: System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { int id = Convert.ToInt32(Request["parentID"]); GetX...

基于jQuery实现的无刷新表格分页实例_jquery【图】

本文实例讲述了基于jQuery实现的无刷新表格分页。分享给大家供大家参考,具体如下: 效果图如下:html结构:css样式:html,body{margin: 0;padding:0} a:focus {outline: none;} /* 通用表格显示 */ table, th, td {font: 12px Arial,Helvetica,sans-serif,宋体;margin: 0;padding: 0} table{border-spacing: 0;border-collapse: collapse;} .datatable {width: 100%;border-style: none;background-color: #fff;margin-bottom: 20...

jquery分页插件jquery.pagination.js实现无刷新分页_jquery【图】

本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码,供大家参考,具体内容如下 1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。 点击获取查看这两个文件 2.页面js代码为var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $(function () {InitTa...

asp.net下使用jquery的ajax+WebService+json实现无刷新取后台值的实现代码_jquery

首先贴上Jquery的ajax: 代码如下: $.ajax({ url: ws_Ajax.asmx/BindDictByUpper, type: POST, contentType: application/json;charset=utf-8, dataType: json, data: { PpareId:" + varlue + "}, success: function (data) { var dataObj = eval("(" + data + ")"); // $(#myList).html(); // for (var i = 0; i < msg.d.length; i++) { // $(#myList).append( + msg.d[i] + ); // } alert(dataObj); $.each({ name: "John", lan...

用Jquery实现多级下拉框无刷新的联动_jquery

最开始准备用.NET只带的AJAX实现,发现达不到想要的效果。后来采取JQuery中AJAX功能,通过异步调用C#写的web服务实现。 load()方法可以说是JQuery中最简单的AJAX方法,它用于获取目标服务器的响应并将结果显示到页面上。load方法就是Jquery对AJAX的包装。还可以使用$.post()和$.get()来实现post或get方式的AJAX调用,对于复杂的情况,还可以使用AJAX()方法。

基于jquery的无刷新分页技术_jquery【图】

代码如下: var index = 0; $(document).ready(function () { $.post("Default5.aspx", { name: index }, function (msg) { $("tr:gt(0)").remove(); var artice = msg; for (var i = 0; i $("table").append("" + artice[i]["ID"] + "" + artice[i]["Writer"] + "" + artice[i]["Title"] + ""); } }, "json"); }); $(document).ready(function () { $("a").click(function () { if ($(this).html() == "下一页") { index = index...

jquery学习笔记用jquery实现无刷新登录_jquery【图】

好了,唠嗑就到这里,现在看如何用jquery实现无刷新登录。 首先先创建html的部分 代码如下: 用户名: 密码: 验证码: 这里面包含的功能有:登录的验证,点击更换验证码。这个没有什么好说的。 下面是jquery的部分 代码如下: -----------别忘了引用这个链接,否则jquery不能用 //用jquery实现无刷新的登录验证 function login() { $.ajax({ url: 'Login.ashx', //访问路径 data: 'username=' +...

JQuery与JSon实现的无刷新分页代码_jquery【图】

如图 而无刷新分页可以解决这个问题,上面播放着视频,下面我点下一页看着评论,现在大部分的网站都是无刷新分页。 源码如下(我是采用一页显示10条记录): 需要四个文件 一个实体类文件 CategoryInfoModel.cs 一个SqlHelper SQLHelper.cs 一个AJAX服务端处理程序 PagedService.ashx 一个客户端调用页面 WSXFY.htm CategoryInfoModel.cs和SQLHelper.cs我就不写了,都知道是什么文件 PagedService.ashx 代码如下 代码如下: usin...

asp.net30分钟掌握无刷新Repeater_jquery【图】

示例代码下载: /201109/yuanma/JQueryElementTest.rar本文中所包含的内容如下: * 准备 * 主要功能 * 绑定字段 * 绑定属性 * 基本设置 * 设置分页 * 设置字段 * 设置调用的服务端方法 * 请求/返回数据的格式 * 填充/搜索 * 更新 * 删除 * 新建 * 行状态说明 * 排序状态说明 * 设置模板 * ItemTemplate * UpdatedItemTemplate/InsertedItemTemplate * RemovedItemTemplate * EditItemTemplate * FilterTemplate/NewItemTemplate * He...