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

2017年02月06日 90 阅读

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

Ajax请求session失效该如何解决

2017年02月06日 116 阅读

一般来说我们的项目都有登录过滤器，一般请求足以搞定。但是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

2017年02月06日 105 阅读

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

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

2017年02月06日 106 阅读

前言 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版本）

2017年02月06日 93 阅读

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

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

2017年02月06日 112 阅读

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

谈谈Ajax原理实现过程

2017年02月06日 91 阅读

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

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

2017年02月06日 108 阅读

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

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

2017年02月06日 119 阅读

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

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

2017年02月06日 91 阅读

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

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

2017年02月06日 119 阅读

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

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

2017年02月06日 87 阅读

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

简单谈谈AJAX核心对象

2017年02月06日 105 阅读

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

Ajax jsonp跨域请求实现方法

2017年02月06日 109 阅读

什么是跨域？简单的来说，出于安全方面的考虑，页面中的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同一域名下不同文件夹允许...

asp.net+ajax简单分页实例分析

2017年02月06日 91 阅读

本文实例讲述了asp.net+ajax简单分页实现方法。分享给大家供大家参考，具体如下：这里涉及两个.aspx文件，一个叫Default.aspx,一个叫AjaxOperations.aspx,第一个用来显示一些测试数据，后一个用来对分页进行处理。js文件夹下面还有一个testJs.js的文件，它就是ajax操作的核心部分。不错，code is cheap。看代码：/*testJs.js*/// 此函数等价于document.getElementById ...

ajax数据传输方式实例详解

2017年02月06日 87 阅读

本文实例讲述了ajax数据传输方式。分享给大家供大家参考，具体如下：在异步应用程序中发送和接收信息时，常见的可以选择以纯文本和XML作为数据格式（可参考《jQuery学习笔记之Ajax用法实例详解》）,现在还有一种比较流行的方式：JSON（JavaScript Object Notation）。好了，下面举例说明这三种数据格式在ajax的异步应用。一、纯文本方式1、发送/接收数据：Code is cheap.看代码： testJs.js// 此函数等价于d...

基于ajax的简单搜索实现方法

2017年02月06日 90 阅读

本文实例讲述了基于ajax的简单搜索实现方法。分享给大家供大家参考，具体如下：这里使用两个.aspx文件，一个叫Default.aspx,一个叫AjaxOperations.aspx,第一个用来输入搜索数据，后一个用来对搜索关键字进行处理。js文件夹下面还有一个testJs.js的文件，它就是ajax操作的核心部分。不错，code is cheap。看代码：testJs.js// 此函数等价于document.getElementById /documen...

ajax调用中ie缓存问题解决方法

2017年02月06日 96 阅读

本文实例分析了ajax调用中ie缓存问题解决方法。分享给大家供大家参考，具体如下：ajax请求调用的过程中发现的问题：后台请求是一个简单的.aspx文件,而这个页面又没有考虑过缓存的影响，使用ajax调试的时候发现有时候根本不走后台代码直接返回结果了，所以估计是受到浏览器缓存的影响。网上搜了一下，果然是缓存的问题：“IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存，根本不向服务器端提交。因此无法取到刚提交的数据或新的数据”。解决方法大...

AJax与Jsonp跨域访问问题小结

2017年02月06日 89 阅读

####JavaScript的AJaxAJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）设计AJax使用的一种重要技术是XMLHttpRequest对象。创建XMLHttpRequest对象的方式：xmlhttp = new ActiveObject（"Microsoft.XMLHTTP"）; // IE浏览器支持的创建方式 xmlhttp = new XMLHTTPRequest（）; // ...

js与jQuery终止正在发送的ajax请求的方法

2017年02月06日 96 阅读

本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考，具体如下：核心：调用XMLHttpRequest对象上的abort方法jquery的ajax方法有自己的超时时间设置参数：$.ajax（{type:"POST",url:"b.php",data:"",timeout:5000,success:function（）{}}）同时1. $.get返回的数据类型是XMLHttpRequest，请参考手册。（$.post、$.a...