文章分类 - AJAX
摘要:现在的网站,在一个网页中有异步请求甚至许多个异步请求已经不足为奇。Ajax已经成为了现在网站必须的基本功能,使网页应用更接近于桌面应用。然而,无论有多么接近,通过客户端与服务端的一来一回,必定会有等待加载数据的时间。所以,大多数网站都通过一个Gif动态图标或‘Loading...’等字样来告知用户数据还在加载中。但有时候这个问题会非常繁琐和麻烦,要么将这个‘Loading’显示在ajax请求之前,然后在ajax成功后隐藏它,或者将它写在jquery的ajax的全局事件jQuery.ajaxStart()和jQuery.ajaxStop()中来控制整个页面的ajax状态。前者方法使用起来太琐碎,
阅读全文
摘要:1.新建demo.aspx页面。2.首先在该页面的后台文件demos.aspx.cs中添加引用。using System.Web.Services;3.无参数的方法调用.大家注意了,这个版本不能低于.net framework 2.0。2.0已下不支持的。后台代码:[WebMethod] public static string SayHello() { return "Hello Ajax!"; } 复制代码JS代码:$(function() { $("#btnOK").click(function() { ...
阅读全文
摘要:这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。1. AJAX-ZOOM非常强大的一款插件,可用鼠标滚轮进行缩放,360° 旋转,全屏浏览等很多功能,在线演示2. VerticalSlider用于显示长列表的很好的方式,以Ajax方式加载,在线演示3. More plugin一款实现更多功能的插件,可用于显示更多评论,也可用于显示后面多少篇博文等,在线演示4. HTML5 drag & drop image file uploader这是一款实现HTML5拖放上传的插件,
阅读全文
摘要:大家先看一段简单的jquery ajax 返回值的js代码function getReturnAjax{ $.ajax({ type:"POST", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'>该用户名可以使用&
阅读全文
摘要:手头不是很忙,突然想到了ajax queue这个概念,之前貌似有看技术文章中提到过这个,就想着用jquery来实现一下,思想比较简单,没什么复杂的东西,就是用个array对象来做队列,维护ajax请求的顺序。下面给出代码:?1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465;(function($) {$.ajaxQueue = {// 管理ajax请求的队列requests: new Array(),/
阅读全文
摘要:jquery插件Ajax Manager (block, abort, queue, synchronize)可实现阻塞,放弃,查询和同步Ajax请求管理,由于功能比较强大,我写了一个非常简单的实例,实现基本的javascript 自定义ajax管理请求和响应时间,更多实例演示可参考AjaxManager。Ajax Manager使用方便,使用过程如下:下载AjaxManagerjquery插件AjaxManager效果图: 一,首先声明一个ajaxManager对象,如: var ajaxManager = $.manageAjax({manageType: ‘abortOld’, maxR
阅读全文
摘要:习惯了用自定义的ajaxList,突然说要用jquery去进行前端开发,最让我头疼的问题是ajax有没有类似于队列这样的东西。 如果一个页面同时发出多个请求,请导致浏览器瞬间假死。给用户很不好的感觉 偶然间看到亮亮的博客上有这么个例子很好,比jquery官方的要好多了,官方只有下载,没有例子,而且全部英文。悲哀!!核心代码如下:<script type="text/javascript" src="../jquery-1.2.1.pack.js"></script><script type="text/javasc
阅读全文
摘要:一,首先声明一个ajaxManager对象,如:var ajaxManager = $.manageAjax({manageType: 'abortOld', maxReq: 0});其中,manageType表示ajax管理类型,分别是:sync、abortOld、queue,maxReq表示最大请求时间,同时还有一个 参数blockSameRequest表示如果请求相同的情况下是否阻塞其它请求,如:blockSameRequest: true。基本上只需要掌握这三个参数的配置,就能实现功能强大的javascript自定义管理ajax请求和响应时间功能。二,然后给声明对象增加
阅读全文
摘要:一、Jquery向aspx页面请求数据前台页面JS代码:$("#Button1").bind("click",function(){$.ajax({type:"post",url:"default.aspx",data:"name="+$("#Text1").val(),success:function(result){alert(result.msg);}});});<inputid="Text1"type="text"valu
阅读全文
摘要:本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Ajax从零开始学习jQuery (七) jQuery动画-让页面动起来!从零开始学习jQuery (八) 插播:jQuery实施方案从零开始学习jQuery (九) jQuery工具函数从零开始学习jQuery (十) jQueryUI常用功能实战从零开始学习jQu
阅读全文
摘要:1、无参数的方法调用asp.net code:view plaincopy to clipboardprint?using System.Web.Script.Services;[WebMethod]public static string SayHello(){ return "Hello Ajax!";}using System.Web.Script.Services;[WebMethod]public static string SayHello(){ return "Hello Ajax!";}注意:1.方法一定要静态方法,而且要有[WebMet
阅读全文
摘要:$.ajax( properties )使用HTTP请求(XMLHttpRequest)载入一个远程页面。这是jQuery的低级AJAX实现。要查看高级抽象,见$.get、$.post等。高级的内容经常被很简单地理解和使用,但是不提供更多的方法(例如错误回调)。$.ajax()返回创建好的XMLHttpRequest对象。多数情况下并不需要直接操纵这个对象,但是如果需要手动中止请求,它也是可用的。注意:要确保服务器返回正确的MIME类型(例如:XML是“text/xml”)。如果返回了错误的MIME类型就会导致jQuery无法处理的严重问题。支持的数据类型包括(见dataType选项):&qu
阅读全文
摘要:Default.aspx :<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %><!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
阅读全文
摘要:jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。url(String) : 请求的HTML页的URL地址。data(Map) : (可选参数) 发送至服务器的 key/value 数据
阅读全文
摘要:一.简述昨天support一同事,帮她的客户做类似下面的效果(自动完成):以前在搜房的时候,弄过这个,调用楼盘字典:这是一个小功能,也是一个大功能。因为它可以做大,也可以做小。二.搜房的AutoComplete比如上面我们看到搜房的这个就做大了,你要看到这样一个效果,其实搜房做了这么几件事:1.数据库作业。把每天的楼盘字典存入XML,每个城市的对应一个XML.比如今天生成的bj_11_04.xml2.业务逻辑层加上Memcached。用户访问的时候,先判断Memcached里有没有,有的话走缓存,没有的话读XML,并且入缓存。3.AJAX调用4.拼音调用楼盘字典(开始做了,后来又删了,原因不详
阅读全文
摘要:ajax得到值,用JQUERY绑定给对应的UL.利用JQUERY的动画来实现他们的滚动公告。aspxshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow sourceshow source//但有人说//$(document).ready(function(){// alert("hello"); //});(1)
阅读全文
摘要:实例: 1、请求页面AJax.aspx HTML代码 代码如下:<div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="showResult" style="float:left">div>
阅读全文
摘要:出现JQuery后,使AJAX变得更加容易实现。JQuery中,AJAX的高层实现主要有$.get(),$.post()等,下面详细介绍一下$.ajax()的使用方法1、请求页面AJAX.aspxjs代码如下:<script type="text/javascript">function Text_ajax(){$.ajax({type:"GET",//通常会用到两种:GET,POST。默认是:GETurl:"ResponseText.aspx",//(默认: 当前页地址) 发送请求的地址dataType:"ht
阅读全文
摘要:JQuery,是轻量级的js库,把繁琐的js代码封装,使调用更简单,完成更多功能。同样,封装了js利用XMLHttpRequest实现的异步刷新.今天很简单介绍这一封装的调用示例如下:调用页面:JqueryTest.aspx(注:后台无代码)<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryTest.aspx.cs" Inherits="XmlHttpRequestTest.JqueryTest" %><!DOCTYPE
阅读全文
摘要:jQuery.ajax(options)请求jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。返回值:XMLHttpRequest参 数:是可以选的选 项:async (Boolean) : (默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。 注意,同步请求将
阅读全文