Welcome

首页 / 脚本样式 / Ajax

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

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

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

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

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

2017-02-06 64
页面中的按钮的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犯的错误处理方法

2017-02-06 56
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实现带有验证码的局部刷新登录界面

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

js跨域调用WebService的简单实例

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

在dom4j中使用XPath的简单实例

2017-02-06 60
如下所示：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轮询请求状态（微信公众号带参数二维码登录网站）

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

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

2017-02-06 58
实现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表单提交及后台处理简单的应用

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

Ajax如何传输Json和xml数据

2017-02-06 67
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）

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

Ajax加载菊花loding效果

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

Ajax全局加载框（Loading效果）的配置

2017-02-06 96
在Ajax进行后台数据请求的过程中，我们有时候会希望用户能知道页面后台还在做一些事情，这时候就需要给用户一个非常明确的提示，也就是我们所谓的进度条实现原理：Jquery可以对ajax进行全局的设置，实现类似于C#中面向切面的效果，即对在Ajax提交之前和提交完成之后，我们均可以对其进行一系列的操作，所以我们可以在ajax开始的时候，把Loading框显示出来，在ajax请求完成之后，把loading框关闭掉，基本上就完美实现这个效果了。Jquery全局配置...

ajax实现远程通信

2017-02-06 56
本文实例为大家分享了ajax实现远程通信，供大家参考，具体内容如下第一个文件：html<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ajax解决跨域问题</title><script src="jquery-3.0.0.min.js" type="text/javascript"><...

反向Ajax 30分钟快速掌握

2017-02-06 59
场景1：当有新邮件的时候，网页自动弹出提示信息而无需用户手动的刷新收件箱。场景2：当用户的手机扫描完成页面中的二维码以后，页面会自动跳转。场景3：在类似聊天室的环境中有任何人发言，所有登录用户都可以即时看见信息。与传统的MVC模型请求必须从客户端发起由服务器响应相比，使用反向Ajax能够模拟服务器端主动向客户端推送事件从而提高用户体验。本文将分两个部分讨论反向Ajax技术，包括：Comet和WebSocket。文章旨在演示如何实现以上两种技术手段，Stru...

Ajax实现智能提示搜索功能

2017-02-06 60
一、效果图：二、实现过程：思路：三、部分代码:html: <div id="searchbox"><div><input type="text" id="txtTitle" /></div><div id="btnSelect"><a href="javascript:;">Google</a></div> </div> <div id="dt...

使用ajax技术实现txt弹出在页面上的方法

2017-02-06 58
使用ajax技术实现点击按钮，将TXT文本里的内容通过弹出框显示到页面上/*事件会在页面加载完成后触发。*/<script>window.onload = function（）{/*获取按钮的id*/ var oBth=document.getElementById（‘btn"）;/*点击按钮触发的函数*// oBth.onclick = function（）{/*打开浏览器*/ var xhr = new XMLHttpReques...

甩掉ashx和asmx使用jQuery.ajaxWebService请求WebMethod简练处理Ajax

2017-02-06 58
在WebForm下 开发ajax程序，需要借助于一般处理程序（*.ashx）或web服务（*.asmx），并且每一个ajax请求，都要建一个这样的文件，如此一来，如果在一个项目中ajax程序多了，势必会产生一堆的.ashx或.asmx，虽然于程序本身无碍，但那一堆文件看上去总觉得有伤大雅。那么可不可以丢掉这些.ashx和.asmx，选择一种更简练的方式来做ajax程序呢。答案是肯定的，那就是：WebMethod 。（此方法是在.net3.5版本下调试的，在...

Ajax请求成功后打开新窗口地址

2017-02-06 60
废话不多说，关键代码如下所示：jQuery.ajax（{"type":"post","url":"http://www.baidu.com", "success":function（rel）{if（rel.isSuccess）{ window.open（rel.url,"_blank"）;}}}）; 这个url请求成功后window.open（rel.url,"_blank"）;会被浏览器拦截，无法打开新窗口，如果把window.open（）放在ajax外...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图