Welcome

首页 / 脚本样式 / Ajax

JQuery Ajax动态生成Table表格

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

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

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

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

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

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

2016-07-28 34
Pjax是啥？Pjax = history.pushState + Ajax = history.pushState + Async JS + XML（xhr?）BOM对象history被增强了一波，主要是对历史栈的操作，以前只有 replace , go 之类的，都会跳转并刷新整个页面，现在有了 pushState , replaceState 等等单纯操作历史栈的方法，只是单纯修改历史栈里的内容，没有副作用（页面不会跳转刷新）PJAX效果通过u...

浅析Asp.net MVC 中Ajax的使用

2016-07-28 30
一、使用System.Web.Mvc.Ajax 1.1 System.Web.Mvc.Ajax.BeginForm 1.2 System.Web.Mvc.Ajax.ActionLink二、手工打造自己的“非介入式”Javascript”一、使用System.Web.Mvc.Ajax1.1 System.Web.Mvc.Ajax.BeginForm 第一步：用Ajax.BeginForm创建Form@using （Ajax.BeginForm（new A...

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

2016-07-28 32
Asynchronous JavaScript and XML （Ajax ） 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应...

基于h5 ajax实现手机定位（demo）

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

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

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

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

2016-07-28 34
阅读目录开始第一代技术：生成客户端代理脚本调用服务端新技术的改进方向第二代技术：jQuery直接调用WebService第三代技术：更简单的数据格式第四代技术：直接提交表单多submit按钮的提交（用jQuery.form实现）批量输入控件的提交（用jQuery.form实现）提交复杂表单（用jQuery.form实现）各种AJAX开发方法的对比与总结相关链接本文收集了在ASP.NET平台上，一些具体代表性的AJAX开发方法，我将用实际的示例代码来演示如何...

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

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

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

2016-07-28 38
本文通过两种方法给大家介绍在django中，使用jquery ajax post数据，会出现403的错误，具体内容请看下文。方法一：如果用jQuery来处理ajax的话，Django直接送了一段解决问题的代码。把它放在一个独立的js文件中，在html页面中都引入即可。注意这个js文件必须在jquery的js文件引入之后，再引入即可$（document）.ajaxSend（function（event, xhr, settings） {function ge...

ajax 异步上传带进度条视频并提取缩略图

2016-07-28 34
最近在做一个集富媒体功能于一身的项目。需要上传视频。这里我希望做成异步上传，并且有进度条，响应有状态码，视频连接，缩略图。服务端响应 { "thumbnail": "/slsxpt//upload/thumbnail/fdceefc.jpg", "success": true, "link": "/slsxpt//upload/video/fdceefc.mp" }并且希望我的input file控件不要被form标签包裹。原因是form中不能嵌套form...

ajax请求Session失效问题

2016-07-28 35
最近由于一个项目，模块切换为ajax请求数据，当Session失效后，ajax请求后没有返回值，只有响应的html：<html><script type="text/javascript">window.open（"http://192.168.0.118:8080/welcomeAction/loginUI.do","_top"）;</script></html>现在Ajax在Web项目中应用广泛，几乎可以...

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

2016-07-28 33
今天在做一个进度条的时候遇到一个问题，我在session里面存放了一个计数器，当爬取到一条数据的时候这个值+1，然后前台每隔3s中获取一次session的这个值，但是问题出来了，在FF下面，得到的值都是正常的，但是在IE下面死活都是之前的值，只有当重新打开页面的时候才能获取到最新的 session值：下面是我的proBar.jsp的代码： <%@ page language="java" import="java.util.*" pageEncodi...

简单介绍不用库（框架）自己写ajax

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

JQuery中$.ajax（）方法参数详解

2016-07-28 31
全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML）;是指一种创建交互式网页应用的网页开发技术。jquery中的ajax方法参数总是记不住，这里记录一下。1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。...

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

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

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

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

JavaScript实现Ajax总结

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

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

2016-07-28 32
jquery是对javascript很好的封装，而且很轻量级，可以近似的将其称其为框架，下面就来对比javascript与jquery对ajax的实现，以突出jquery对其封装后，在实现方便的简易性，而且不仅如此，用jquery代替javascript来实现一些功能对于浏览器的兼容性也会带来意想不到的好处。一、基本认识1、JavaScript定义： javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端We...
<< 81 82 83 84 85 86 87 88 89 90 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图