理解jquery ajax中的datatype属性选项值

2016年07月28日 49 阅读

jquery中ajax的dataType属性用于指定服务器返回的数据类型，如果不指定，jQuery 将自动根据HTTP包MIME信息来智能判断，如果datatype选项不填写的话，会将返回的数据当成字符串处理。一、ajax语法复制代码 代码如下:jQuery.ajax（[settings]）参数说明settings：用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup（） 设置任何选项的默认值。二、ajax的datatype选项的值1、"...

基于Jquery ajax技术实现间隔N秒向某页面传值

2016年07月28日 49 阅读

有时候我们需要每隔一段时间向某页面传值，比如说聊天室，每隔几秒就像数据库处理页面传值并取回，然后显示在聊天窗口。又或者是每隔一段时间就查询用户最后发言时间到现在是否间隔2分钟，如果是则将用户退出。这个时候我们就要用到HTML DOM setInterval（） 方法。setInterval（） 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval（） 方法会不停地调用函数，直到 clearInterval（） 被调用或窗口被关闭。...

通过Ajax两种方式讲解Struts2接收数组表单的方法

2016年07月28日 53 阅读

使用struts2表单传值，可以传一个或者是作为一个对象的各个属性传，都非常灵活便捷。但是如果我们需要传一个数组并希望struts正确接收，该怎么处理呢？下面我将通过普通表单和ajax两种方式讲解。首先我们有如下一个实体,一个action和一个jsp。Student.javapublic class Student{ private String name; private String num;}StudentAction.javapublic clas...

基于Jquery.history解决ajax的前进后退问题

2016年07月28日 50 阅读

以下内容是关于Jquery.history解决ajax的前进后退问题，具体详情请看下文。本文的前提是基于后台的，所以这里不会考虑seo的问题。同时，基于后台的管理系统，也不需要被收藏，所以也不会考虑刷新的这种类似直接敲网址的情况！！！这里使用的是html5中的history.state 来解决。网上已经有了js的开源解决方案pushState。详见pjax但是这个方案不适合我的项目（后台项目），尤其是主要的方法有点不够用。我使用的是 jquery.hist...

使用HTML5中postMessage知识点解决Ajax中POST跨域问题

2016年07月28日 53 阅读

由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。常规的几种解决方法： （1） document.domain+iframe； （2） 动态创建script； （3） iframe+location.hash； （4） flash。 postMessage是HTML5为解决js跨域问题而引入的新的API，允许多个iframe/window跨域通信。HTML5中提供了在网页文档之间相互接收与发送信息的功能...

谈谈你对aja的理解（一、二）

2016年07月28日 50 阅读

什么是AjaxAjax是Asynchronous JavaScript and XML的缩写，这一技术能够向服务器请求额外的数据而无需卸载整个页面，会带来良好的用户体验。传统的HTTP请求流程大概是这样的，浏览器向服务器发送请求-〉服务器根据浏览器传来数据生成response-〉服务器把response返回给浏览器-〉浏览器刷新整个页面显示最新数据，这个过程是同步的，顺序执行。AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求）从服务...

关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结

2016年07月28日 50 阅读

最近比较空闲，于是抽个时间整理些关于ajax方法的东东。在项目中经常发现ajax板块好多问题都是属性，方法，事件大小写不区分问题，最终导致了程序运行出现麻烦。 下面是ajax对象的一些常用属性，事件和方法 1）标准的ajax对象的属性有readyState，status，responseText，responseXML 2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如果不考虑浏览器兼容，这个属性+VBScri...

Ajax请求session失效该如何解决

2016年07月28日 49 阅读

一般来说我们的项目都有登录过滤器，一般请求足以搞定。但是AJAX却是例外的，所以解决方法是设置响应为session失效。一共分为过滤器和页面JS两个部分的设置，先看过滤器的修改：import java.io.IOException;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servle...

编写轻量ajax组件02--浅析AjaxPro

2016年07月28日 52 阅读

前言 上一篇介绍了在webform平台实现ajax的一些方式，并且实现一个基类。这一篇我们来看一个开源的组件:ajaxpro。虽然这是一个比较老的组件，不过实现思想和源码还是值得我们学习的。通过上一篇的介绍，我们知道要调用页面对象的方法，就是靠反射来实现的，关键是整个处理过程，包括反射调用方法、参数映射等。ajaxpro不仅在后台帮我们实现了这个过程，在前台也封装了请求调用的方法，例如ajax的相关方法，用ajaxpro的方法就可以发送异步请求了，不需要...

编写轻量ajax组件01-与webform平台上的各种实现方式比较

2016年07月28日 50 阅读

前言 Asp.net WebForm 和 Asp.net MVC（简称MVC） 都是基于Asp.net的web开发框架，两者有很大的区别，其中一个就是MVC更加注重http本质，而WebForm试图屏蔽http，为此提供了大量的服务器控件和ViewState机制，让开发人员可以像开发Windows Form应用程序一样，基于事件模型去编程。两者各有优缺点和适用情景，但MVC现在是许多Asp.net开发者的首选。 WebForm是建立在Asp.net的基...

基于HTML5 Ajax文件上传进度条如何实现（jquery版本）

2016年07月28日 53 阅读

在上篇文章给大家介绍了这篇文章里面的后台Servlet。所以这里只看前台的JS代码。首先HTML5用AJAX提交数据先要学习一个HTML5新增加的对象：FormDataFormData 对象可以使用append 方法进行 key - value的数据添加，与以前我们常用的json不同的就是可以异步上传二进制文件。1、FormDate对象的创建var formData = new FormData（）;2、向 FormDate 对象添加数据formData....

非常简单的Ajax请求实例附源码

2016年07月28日 50 阅读

Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。通过Ajax，您可以使用 JavaScript的XMLHttpRequest对象来直接与服务器进行通信。您可以在不重载页面的情况与 Web 服务器交换数据。在本文的例子中，我们将演示当用户向一个标准的HTML表单中输入数据时网页如何与web服务器进行通信。<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...

谈谈Ajax原理实现过程

2016年07月28日 51 阅读

1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用：使用XHTML+CSS来标准化呈现；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据通信； 使用Javascript操作Document Object Model进行动态显示及交互； 使用JavaScript...

Jquery Ajax请求文件下载操作失败的原因分析及解决办法

2016年07月28日 51 阅读

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来分析一下失败的原因一、失败的原因那是因为response原因，一般请求浏览器是会处理服务器输出的response，例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取...

Jquery Ajax请求方法小结（值得收藏）

2016年07月28日 55 阅读

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax（）进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax（）的（这个后面会说到）.1. load（ url, [data], [callback] ） ：载入远程 HTML 文件代码并插入至 DOM ...

jquery1.8版本使用ajax实现微信调用出现的问题分析及解决办法

2016年07月28日 58 阅读

先给大家说下问题背景：最近在做一个项目，开发微信的某个功能，使用的是asp.net开发，jquery1.8.0版本。 在微信中点击按钮触发事件，调用ajax与服务器端进行交互，回调函数走的是error。分析原因：首先我想到的是返回的数据类型有问题，因为在jquery 版本在1.4以上对json的格式非常严格，需要符合{"target":true,"message":"成功"}这样的格式。用JSON.stringify（）函数分析了response对象，...

基于h5的history改善ajax列表请求体验

2016年07月28日 51 阅读

信息比较丰富的网站通常会以分页显示，在点“下一页”时，很多网站都采用了动态请求的方式，避免页面刷新。虽然大家都是ajax，但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法，让浏览器可以后退和前进，或者说让ajax就像重定向到新页面一样 拥有能够返回到上一页或者前进到下一页。 数据实现分页显示，最简单的做法是在网址后面加多个page的当数，点“下一页”时，让网页重定向到page+1的新地址。例如新浪的新...

jQuery Ajax 实例详解 （$.ajax、$.post、$.get）

2016年07月28日 53 阅读

Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，地址为：http://www.jb51.net/article/26903.htm$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax（）一、$.ajax的一般格式$.ajax（{type: "POST",url: url , ...

简单谈谈AJAX核心对象

2016年07月28日 49 阅读

Ajax是2005年2月才诞生但是现在已经炙手可热的一项全新技术.这项新技术能够极大地改善网站的用户体验. 什么是Ajax Ajax是异步Javascript和XML（Asynchronous JavaScript and XML）的英文缩写. Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求.Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起,共同的协作中发挥各自的作用. Ajax的优点 ...

Ajax jsonp跨域请求实现方法

2016年07月28日 52 阅读

什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。具体策略限制情况可看下表：URL说明允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许...