Ajax资料,Ajax文章,Ajax文档-易库教程

Ajax请求WebService跨域问题的解决方案

2016年10月20日 66 阅读

1、背景用Jquery中Ajax方式在asp.net开发环境中WebService接口的调用2、出现的问题原因分析：浏览器同源策略的影响（即JavaScript或Cookie只能访问同域下的内容）;3、解决方案：（1） JSONP：只支持GET方式（2） CROS：跨域资源共享以下为CROS解决方案： a.在WebService接口加上响应头信息： b.在web.config文件中加上相关配置节信息：运用a或者b的解决方案后，浏览器头信息中变动如下...

ajax无刷新验证注册信息示例

2016年10月20日 66 阅读

ajax无刷新验证注册信息示例，其大概思路如下: 一.把注册的html页面做好（html+css） 1.不需要form表单，直接用div包着 2.需要四个标签来显示正确、错误的信息显示 3.不用submit提交按钮，直接用button 如图：二.把ajax做成一个函数，通过传简单的参数可以与服务器进行数据交换. 1.这个ajax函数前面有一篇如何处理利用ajax处理返回数据的文章中详细说明了。 2.ajax函数需要三个参数，url，jsonData，get...

关于ajax的多次请求问题

2016年10月20日 65 阅读

我们在用ajax请求数据时，可能会遇到一次点击多次触发的可能。（比如说：ajax 的 onreadystatechange 事件就会触发多次；这是因为 onreadystatechange 是一个事件句柄。它的值（state_Change）是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 （uninitialized）到 4 （complete）进行变化。仅在状态为 4 时，我们才执行代码。”每次X...

jquery ajax多次请求数据时不刷新问题的解决方法

2016年10月20日 65 阅读

jquery的ajax在频繁请求数据，或者重复请求数据的时候出现了一个情况，那就是非ie浏览器正常，ie浏览器会设置缓存，导致第二次请求的时候不会刷新，系统报304 not modify，解决方案： jquery的ajax方法提供配置参数:cache,（只需将属性设置为false即可）详细： cache：Boolean默认： true, dataType为"script"和"jsonp"时默认为false如果设置为 false ，浏览器将不缓存此页面。以上...

浅谈Bootstrap的DatePicker日期范围选择

2016年10月20日 94 阅读

用日期插件时，经常会有一种需求。两个input框选择。开始时间小于结束时间，结束时间大于开始时间，开始时间和结束时间都不大于当前时间。我们当然可以用选择的结果来判断输入正确与否。但是更好的办法是让我们的日期选择插件做出一些限制。Bootstrap搭配了很优秀的日期选择插件。DatePicker和DateTimePicker。两者功能很类似。使用方法也是差不多的。DatePicker支持更多的事件和设置。看api知道日期变化的时候会有一个事件changeDa...

Ajax 上传图片并预览的简单实现

2016年10月06日 82 阅读

1. 直接上最简单的一种 ajax 异步上传图片，并预览html：<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>图片上传 | cookie</title></head><body>file: <inp...

AJAX实现图片预览与上传及生成缩略图的方法

2016年10月06日 104 阅读

要实现功能，上传图片时可以预览，因还有别的文字，所以并不只上传图片，实现与别的文字一起保存，当然上来先上传图片，然后把路径和别的文字一起写入数据库；同时为图片生成缩略图，现只写上传图片方法，文字在ajax里直接传参数就可以了，若要上传多图，修改一下就可以了。借鉴了网上资料，自己写了一下，并不需要再新加页面，只在一个页面里就OK啦。JS代码：//ajax保存数据，后台方法里实现此方法 function SaveData（） { filename = do...

基于ajax html实现文件上传技巧总结

2016年10月06日 69 阅读

引语：大家都知道，html中上传文件就一个input，type=file就搞定了。但是，这个标签的样式，实在不值得提点什么，要改动他的样式，恐怕也是较难的。但是其实挺简单，今天就来说说上传文件小技巧吧！1. 怎样自定义样式？1）、只管按照自己喜欢看到的样式去定义即可，如<a href="javascript:;" class="upload-button"></a>,可以是背景图片效果，可以是文字指示，总之想怎么改怎么改！有了按钮，...

经典的20道AJAX面试题（必知必会）

2016年10月06日 65 阅读

1、什么是AJAX，为什么要使用Ajax（请谈一下你对Ajax的认识）什么是ajax：AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术：基于web标准（standards-basedpresentation）XHTML+CSS的表示；使用 DOM（Document ObjectModel）进行动态显示及交互；使用 XML 和 XSLT 进行数据交换及相关操作...

按钮的Ajax请求时一次点击两次提交的解决方法

2016年10月06日 76 阅读

页面中的按钮的type是submit的： <input type="submit" value="Create" id="submit" />ajax的请求，在JQuery中是：$（function （） {$（"#submit"）.click（function （） {var createGenreForm = $（"#createGenreForm"）;if （createGenreForm.valid（）） {var obj = {Nam...

Ajax犯的错误处理方法

2016年10月06日 69 阅读

1， ajax 发送请求时状态判断 if else 语句问题。var xhr = new XMLHttpRequest（）; xhr.open（"get",strUrl）;<br><br>xhr.onreadystatechange = function（）{ <br><br> if（xhr.readyState === 4）{ <br><br><em id="__mc...

Ajax实现带有验证码的局部刷新登录界面

2016年10月06日 70 阅读

现在的登录界面大多数都带有：验证码的功能+验证码局部刷新+ajax登录。用ajax登录的好处最明显就是速度快，URL地址没有变化。所有现在登录功能很少再用form表单post提交了，大多数都已经采用了ajax局部访问后台然后解析返回值并显示结果到界面上面。理论还是要拿来实践才能验证的，下面直接上代码。运行界面：1.验证码后台访问部分上一篇博客已经介绍多了，这里介绍如何利用img中src实现局部刷新验证码的功能。html部分：<p><lab...

js跨域调用WebService的简单实例

2016年10月06日 70 阅读

步骤1. 在web.config中的system.web节点里加入<！--此节点可允许脚本跨域调用webservice--><webServices> <protocols><add name="HttpPost"/><add name="HttpGet"/> </protocols></webServices><！--此节点可允许脚本跨域调用webservice--...

在dom4j中使用XPath的简单实例

2016年10月06日 66 阅读

如下所示：package com.wzh.test.xpath; import java.io.File; import org.dom4j.Document;import org.dom4j.DocumentException;import org.dom4j.Node;import org.dom4j.io.SAXReader; public class Demo4 { public static void main（String[] args） th...

Ajax轮询请求状态（微信公众号带参数二维码登录网站）

2016年09月29日 69 阅读

这里要实现的功能是：通过扫码微信公众号带参数的二维码，来登录网站。但很明显，如果ajax不间断的请求服务器，这样会加重服务器的负荷，所以本例采用的是js的setInterval来周期性调用执行一个ajax函数来来向服务器请求数据，但请求成功或者请求一定次数后还未成功时用clearinterval函数清空计时器。代码和注释如下：（后端采用thinkPHP实现，所以js代码中含有一些thinkPHP的语法规则）<script type="text/jav...

Ajax实现省市区三级级联（数据来自mysql数据库）

2016年09月29日 74 阅读

实现Ajax实现省市区三级级联，需要Java解析json技术整体Demo下载地址如下: 点我下载address.html<！DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head> <script type="text/javascript">/...

基于Ajax表单提交及后台处理简单的应用

2016年09月29日 77 阅读

首先先说下表单提交吧，要提交表单那么就得先收集表单数据（至于验证这个我就不说了，要说留下下次吧）,有了jquery取个html的值还是简单$（"xxid"）.val（）等就完了，但如果一张表单收集的数据很多，像这样的表单又有很多张，那用此方法肯定麻烦死，并且容易眼花录错。所以，我们就可以简单的来定义一个收集规则，如在要回传到服务器的数据表单控件，可以做个标记，到时取的时候把这些标记的数据一起取回去。就拿最简单的文体输入做例子吧<input type=...

Ajax如何传输Json和xml数据

2016年09月29日 72 阅读

ajax传输xml数据：只要把数据封装成xml格式就可以实现传输，前台js用responseXML接收xml参数，后台读取用流和dom4j来解析前台页面<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><！DOCTYPE...

下拉菜单的级联操作（ajax）

2016年09月01日 80 阅读

在开发中常常会遇到菜单的级联操作，比如：国家、城市、乡镇的选择等。当选中某个国家的时候，后面的菜单会把该国家内的城市罗列出来，当选中城市的时候，后面的菜单会把对应的乡镇列出来。解决这种菜单的级联操作的办法，我理解的有两种：①使用js来实现，把页面所用到的级联数据放到js内，当页面加载完成后，通过js显示到对应的select内，这种方法的解决办法有很多种，最为直观的一种是放到多维数组中，每个人的思维不一样，这里就不详细解说。②使用ajax异步动态加载，然后显...

Ajax加载菊花loding效果

2016年08月26日 85 阅读

Ajax 异步请求的时候，一般都会利用一个动态的 gif小图片来制作一个Ajax Loading ，以便增加用户体验。这里我们使用Spin.js ，该 js 脚本压缩后5k，可以不用任何图片，任何外部的CSS样式，就可以创建一个Ajax Loading 指示器Spin.js 的在线设计、演示及下载地址为：http://fgnass.github.io/spin.js/我们可以在链接页面中，动态设置样式同时会自动生成样式的配置脚本：Spin.js 用法极其的...

首页 / 脚本样式 / Ajax

Ajax请求WebService跨域问题的解决方案

ajax无刷新验证注册信息示例

关于ajax的多次请求问题

jquery ajax多次请求数据时 不刷新问题的解决方法

浅谈Bootstrap的DatePicker日期范围选择

Ajax 上传图片并预览的简单实现

AJAX实现图片预览与上传及生成缩略图的方法

基于ajax html实现文件上传技巧总结

经典的20道AJAX面试题（必知必会）

按钮的Ajax请求时一次点击两次提交的解决方法

Ajax犯的错误处理方法

Ajax实现带有验证码的局部刷新登录界面

js跨域调用WebService的简单实例

在dom4j中使用XPath的简单实例

Ajax轮询请求状态（微信公众号带参数二维码登录网站）

Ajax实现省市区三级级联（数据来自mysql数据库）

基于Ajax表单提交及后台处理简单的应用

Ajax如何传输Json和xml数据

下拉菜单的级联操作（ajax）

Ajax加载菊花loding效果

jquery ajax多次请求数据时不刷新问题的解决方法