Welcome 微信登录

首页 / 脚本样式 / Ajax

JQuery Ajax动态生成Table表格

JQuery Ajax动态生成Table表格

前言: 本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行附加到表里。目标: a 熟悉简单JQuery Ajax的使用 b 了解如何构造基本的Json格式的数据(构建Json也可以通过第三方的dll) c 熟悉下handler的基本用法1 简单效果图2 前台代码<%@ Page Language="C#" Aut...
极致体验ajax局部和整体刷新

极致体验ajax局部和整体刷新

本篇文章将向大家介绍如何通过jquery的load方法进行局部刷新,load方法本身很简单,但是想要结合到jfinal和bootstrap的公共项目中,需要我们多加努力了。首先我先来来说一下方案。$p.load(url,data,function(response,status,xhr))那么我们需要提供ajax请求的回调函数至少两个参数url以及jquery对象。另外,我们还可能有地址栏重载的可能。location.href 所以,我们还需要提供一个参数...
jQuery实现AJAX定时刷新局部页面实例

jQuery实现AJAX定时刷新局部页面实例

方法一:局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。例子,定时局部刷新定时局部刷新用到jQuery里面的setInterval方法,setInterval方法两个参数,第一个是设置定时执行的函数名,第二个是时间,如下代码所示,设置每隔10微秒定时执行一次aa方法。<script>$(function(){ setI...
使用Yii整合的pjax(pushstate+ajax)实现无刷新加载页面

使用Yii整合的pjax(pushstate+ajax)实现无刷新加载页面

Pjax是啥?Pjax = history.pushState + Ajax = history.pushState + Async JS + XML(xhr?)BOM对象history被增强了一波,主要是对历史栈的操作,以前只有 replace , go 之类的,都会跳转并刷新整个页面,现在有了 pushState , replaceState 等等单纯操作历史栈的方法,只是单纯修改历史栈里的内容,没有副作用(页面不会跳转刷新)PJAX效果通过u...
AJAX跨域请求之JSONP获取JSON数据

AJAX跨域请求之JSONP获取JSON数据

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力,它可将来自多个地方的内容集成为单一 Web 应...
基于h5 ajax实现手机定位(demo)

基于h5 ajax实现手机定位(demo)

因朋友需要,之前看了下关于h5的手机定位,目前写了个demo在这里贴出来,感兴趣的朋友可以看一下。目前的版本只是demo,仍有几个问题需要完善一下,问题如下:1,如何将经纬度等数据发送到被定位人看不到的页面上。2,如何绕过或或强制让打开链接的人允许使用定位(弹窗)。3,目前或取经纬度后,要自行用谷歌地球去分析用户位置(通过卫星地图定位并显示),如何简化这一部分,让被定位者的经纬度自动生成地图图片并一起导入到其他页面(总之不能让被定位者察觉自己被定位的这一事...
利用H5特性FormData实现不刷新文件上传

利用H5特性FormData实现不刷新文件上传

之前朋友说的不刷新上传文件。最暴力的解决方案就是上网上搜各种JS库,附带多图上传,预览,甚至是图片处理等特技。那么如果不接触第三方的库,可不可以利用ajax来做。就这个问题,有人给出的解决方案是借助iframe,这里就不赘述了。但是Html5是个好东西,他提供了FormData,FormData可以帮助我们拼凑参数,乃至文件资源。这样,我们就可以轻松用$.ajax不刷新上传。当然也不需要iframe。代码下列是前端部分。<!DOCTYLE html&...
各种AJAX方法的使用比较详解

各种AJAX方法的使用比较详解

阅读目录开始第一代技术:生成客户端代理脚本调用服务端新技术的改进方向第二代技术:jQuery直接调用WebService第三代技术:更简单的数据格式第四代技术:直接提交表单多submit按钮的提交(用jQuery.form实现)批量输入控件的提交(用jQuery.form实现)提交复杂表单(用jQuery.form实现)各种AJAX开发方法的对比与总结相关链接本文收集了在ASP.NET平台上,一些具体代表性的AJAX开发方法,我将用实际的示例代码来演示如何...
浅析IE针对Ajax请求结果的缓存问题

浅析IE针对Ajax请求结果的缓存问题

在默认情况下,IE会针对请求地址缓存Ajax请求的结果。换句话说,在缓存过期之前,针对相同地址发起的多个Ajax请求,只有第一次会真正发送到服务端。在某些情况下,这种默认的缓存机制并不是我们希望的(比如获取实时数据),这篇文章就来简单地讨论这个问题,以及介绍几种解决方案。目录 一、问题重现 二、通过为URL地址添加后缀的方式解决问题 三、通过JQuery的Ajax设置解决问题 四、通过定制响应解决问题一、问题重现我们通过一个ASP.NET MVC应用来重现...
django使用ajax post数据出现403错误如何解决

django使用ajax post数据出现403错误如何解决

本文通过两种方法给大家介绍在django中,使用jquery ajax post数据,会出现403的错误,具体内容请看下文。方法一:如果用jQuery来处理ajax的话,Django直接送了一段解决问题的代码。把它放在一个独立的js文件中,在html页面中都引入即可。注意这个js文件必须在jquery的js文件引入之后,再引入即可$(document).ajaxSend(function(event, xhr, settings) {function ge...
如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别

如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别

今天在做一个进度条的时候遇到一个问题,我在session里面存放了一个计数器,当爬取到一条数据的时候这个值+1,然后前台每隔3s中获取一次session的这个值,但是问题出来了,在FF下面,得到的值都是正常的,但是在IE下面死活都是之前的值,只有当重新打开页面的时候才能获取到最新的 session值:下面是我的proBar.jsp的代码: <%@ page language="java" import="java.util.*" pageEncodi...
简单介绍不用库(框架)自己写ajax

简单介绍不用库(框架)自己写ajax

平常会使用ajax来请求数据,加载一个库(框架),或许仅仅maybe就使用了它的ajax部分。 写个ajax,一来可以经历一下处理问题的过程,提升技术能力,二来工作中有时真的用不着这么大的一个库(框架),用自己写的,何乐不为呢。 先来看看流行的jQuery是怎样调用ajax的$.ajax({url:"test.php", //发送请求的URL字符串type:"GET", //发送方式 dataType:"json", //预期服务器返回的数据类型 xm...
JQuery中$.ajax()方法参数详解

JQuery中$.ajax()方法参数详解

全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML);是指一种创建交互式网页应用的网页开发技术。jquery中的ajax方法参数总是记不住,这里记录一下。1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。...
使用wordpress的$wpdb类读mysql数据库做ajax时出现的问题该如何解决

使用wordpress的$wpdb类读mysql数据库做ajax时出现的问题该如何解决

无聊做了个www.jiazhuangma.com,技术不过关写不好后台,就想直接读wordpress里的数据。做ajax读后台数据时在网上随便搜了一段代码使用wordpress $wpdb类读mysql数据库,就是这么一随便,搜到了别人的去头去尾的code,开始了我的改错之旅。主要问题有:1,non-object2,json中汉字,/被转码3,chrome可以正常访问php文件,ie显示http 404,ajax时头部显示404,但是响应正文正确,是我想要...
MVC中基于Ajax和HTML5实现文件上传功能

MVC中基于Ajax和HTML5实现文件上传功能

引言在实际编程中,经常遇到实现文件上传并显示上传进度的功能,基于此目的,本文就为大家介绍不使用flash 或任何上传文件的插件来实现带有进度显示的文件上传功能。基本功能:实现带有进度条的文件上传功能高级功能:通过拖拽文件的操作实现多个文件上传功能背景HTML5提供了一种标准的访问本地文件的方法——File API规格说明,通过调用File API 能够访问文件信息,也可以利用客户端来验证上传文件的类型和大小是否规范。该规格说明包含以下几个接口来使用文件:F...
JavaScript实现Ajax总结

JavaScript实现Ajax总结

ajax应用非常普及,ajax的优点大家都知道,具体就不多说了,其缺点还真不少,比如破坏浏览器的back功能,同一个url打开的界面并不是完全相同,还有安全性能等方面,至于有这么多的缺点,也阻止不了大家使用ajax的步伐~~~这里以表单为例说一下实现Ajax的步骤:1.先从表单中获取我们需要的数据2.然后建立相应的URL3.设置onreadystatechange函数4.打开连接5.发送请求以上就是Ajax的实现步骤,接下来简单分步总结下。首先是关于xrh...
初步了解JavaScript,Ajax,jQuery,并比较三者关系

初步了解JavaScript,Ajax,jQuery,并比较三者关系

jquery是对javascript很好的封装,而且很轻量级,可以近似的将其称其为框架,下面就来对比javascript与jquery对ajax的实现,以突出jquery对其封装后,在实现方便的简易性,而且不仅如此,用jquery代替javascript来实现一些功能对于浏览器的兼容性也会带来意想不到的好处。一、基本认识1、JavaScript定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端We...
<< 81 82 83 84 85 86 87 88 89 90 >>