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

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

jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版【图】

原项目地址：http://plugins.jquery.com/project/pagination版本：v1.2源文件下载：英文原版或中文翻译修改版一、相关demo 基本demo页面 Ajax demo页面参数可编辑demo页面二、简介与说明此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。原插件CSS不太合理，使用浮动，故无法方便实现左右方向的定位，且未清除浮动，在中文修改版中我对其进行了优化，...

jquery.pagination.js 无刷新分页实现步骤分享【图】

1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 2.页面js代码为代码如下:<script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修改显示条数，修改这里即可 $(function () { InitTable(0); //Load事件，初始化表格数据，页面索引为0（第一页） //分页，...

基于jquery ajax 用户无刷新登录方法详解

Ajax框架就是提供模块化实现Ajax功能的集合，Ajax框架可以是各种语言实现的（比如SAJAX有各种语言的实现），Ajax只是jquery中的一部分, 实例1 代码如下:$.ajax({ type:post,//可选get url:action.php,//这里是接收数据的PHP程序 data:data=dsa,//传给PHP的数据，多个参数用&连接 dataType:text,//服务器返回的数据类型可选XML ,Json jsonp script html text等 success:function(msg){ //这里是ajax提交成功后，PHP程序返回的数据...

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

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

jquery学习笔记用jquery实现无刷新登录

好了，唠嗑就到这里，现在看如何用jquery实现无刷新登录。首先先创建html的部分代码如下:<table> <tr> <td> 用户名： </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密码： </td> <td> <input type="text" id="password" /> </td> </tr> <tr> <td> 验证码： </td> <td> <input type="text" id="cord" /> <img alt="点击更换验证码" title="看不清楚，请单击我！" id="checkcord" src="img.ashx" /> </...

基于jquery的无刷新分页技术

代码如下:<script src="script/jquery-1.6.1.min.js" type="text/javascript"></script> <script type="text/javascript"> 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 < 5; i++) { $("table").append("<tr><td>" + artice[i]["ID"] + "</td><td>" + artice[i]["Writer"] + "</td><td>" + artice[i]...

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

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

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

首先贴上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(<li> + msg.d[i] + </li>); // } alert(dataObj); $.each({ name: "Jo...

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

代码如下: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"]); GetXM...

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

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

Jquery+JSon 无刷新分页实现代码

控件类代码：代码如下: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实现无刷新DropDownList联动实现代码

先看HTML,我们引用Jquery,放两个DropDownList: 代码如下:<style type="text/css"> #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } </style> <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 　　 <asp:DropDownList ID="ddlEmployee" runat="server" AppendDataBoundItems="true"> <asp:ListItem Text="(Pleas...

jquery pagination插件实现无刷新分页代码

先把要用到的文件依次进入进来：代码如下:<script src="common/jquery.js" type="text/javascript"></script> <script src="common/jquery.pagination.js" type="text/javascript"></script> <link href="common/tablesorter.css" rel="stylesheet" type="text/css" /> <link href="common/pagination.css" rel="stylesheet" type="text/css" /> 接着在页面的body里面写入如下的代码，在这里强调一下呈现出来的数据是没有进行控...

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

******生成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...

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %><!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"><head runat="server"> <title>Jquery+Ajax+Json分页</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"...

上一页
1
...
6
7
8
9
10
下一页
共 10 页
共 144 条