easy-ajax 是为了治理前端乱写 Ajax 方法而生。基于 jquery 封装一些常用方法,后期计划加入前端数据缓存功能。
普通 Aajax 请求,及 GET、POST 封装,以及文件上传
源代码注释清晰,一目了然。
使用方法如下:
<script src="easy.ajax.js"></script>
API:
config配置项: config{ jqueryAjax默认配置外增加如下配置: mustCallback:强制回调(很多情况请求失败后直接在Ajax中提示后端返回的错误信息就结束了,不会进入回调函数,但很难避免失败也需要处理逻辑的情况,所以增加了此项配置,无论成功失败皆执行配置中的callback,前提是有回掉函数。) }
使用from表单方式处理参数请求后台(接口使用@RequestParam时使用)
EasyAjax.post_form_json
使用普通方式请求(接口使用@RequestBody时使用)
EasyAjax.post_json
文件上传方法1:
var file = $(".xxx").get(0).files[0]; var fileData = new FormData(); fileData.append("file", file); EasyAjax.ajax_Upload_File({ url: "URL", data: fileData }, function (data) { if (data.success) { //上传成功 } });
文件上传方法2:直接配置elem方法,使用方式如下:
EasyAjax.ajax_Upload_File_Elem({ url:"URL" , elem: "#icon" },function (res) { if (res.success) { //上传成功 } });
If you are new to this topic , this file may help you to get close to AJAX. ok, here I use asp just to do the first test example of this topic. We have three files here, listed as: reg.html <!DOCTYP
原文作者:Akash Mehta 原文地址:http://www.sitepoint.com/article/ajax-jquery 翻译:令狐葱 Easy Ajax with jQuery中文版[1] 示例二: 使用jQuery建造聊天程序 为了展示jQuery的强大,我们将建立一个具有ajax功能的聊天程序.它允许用户发布信息,并且可以实时的更新信息--但是没有任何的页面刷新.鉴于我们将要处
问题:AJAX 试什么? ajax(异步的 javascript 和 xml) 能够刷新局部网页数据而不是重新加载整个网页。 问题:如何使用 AJAX? 第一步,创建 xmlhttprequest 对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest 对象用来和服务器交换数据。 第二步,使用 xmlhttprequest 对象的 open()和 s
关于什么是ajax相信大家都应该很清楚了,就是 Asynchronism JavaScript And XML 通过字面上也应该知道他是一个异步操作的技术,具体我就不介绍了,通过一个例子来说明吧 test.html文件 <html> <head> <title>Simple Ajax Example</title> <script language="Javascript"> functi
/** * 简易ajax库[脱离jquery,压缩大小1.1kb] * * 调用方式: * ================================================================= * new Ajax(url, args); * ========================================================
ajax:function(obj){//ajax请求数据 $.ajax({ url:obj.url, async : obj.noAsync==undefined?!0:!1, data:obj.data==undefined?"":obj.data, dataType:obj.dataType==undefined?"json":obj.dataType, t
学习这一点的时候,让我感到很惊讶,因为我在丝毫没有看到ajax影子的情况下的的确确的使用着ajax,这必然是极好的。 面板的属性,方法和行为相对比较多,在这里就不做太多的累赘,这里只说一下关于一些关于被面板封装的Ajax操作。 $(function(){ $("#box").panel({ title: '搜面板', width: 500, height: 500, iconCl
新项目开始,打算通过c# + jquery easy ui 设计一个通用的目录树加载模块。具体实现如下: 后台代码: /// <summary> /// 返回Json格式的UILI string类型结构 /// </summary> private void GetMenu() { int UserID = 0
<script language="javascript"> var xmlhttp; function createRquest() // **********************step1:根据浏览器不同创建不同的异步调用对象**************** { if (window.ActiveXObject)
var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } } funct
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
说明: ①ajax在表单提交时需要将所有表单的控件的数据一一获取并赋值传到后台 ②form在提交时,只要给控件加name属性,在提交时就可以将表单数据提交到后台,不需要一一获取再进行赋值。 ajax 代码: $('#btn_submit').click(function () { if ($('#companyForm').form('validate')) {
//*------------------js-------------------*// var MyID,PanlName; //ID和数字容器名称前缀 //创建XMLHttpRequest对象 xmlHttp=null; if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, etc. request=new XMLH
软件简介 easy-ajax 是为了治理前端乱写 Ajax 方法而生。基于 jquery 封装一些常用方法,后期计划加入前端数据缓存功能。 普通 Aajax 请求,及 GET、POST 封装,以及文件上传 源代码注释清晰,一目了然。 使用方法如下: API: config配置项: config{ jqueryAjax默认配置外增加如下配置: mustCallback:强制回调(很多情况请求失败后直
前言 学会了 Ajax 的请求以及如何处理服务端的响应。这一章节,我们着重来封装一个简单的 Ajax。 前置知识: 本章节会使用部分 ES6 语法 本章节使用 Promise 简单需求: 支持 Promise 语法处理结果 支持自定义配置,包括 headers 内置 url、params、 data、headers 处理 1. 构造一个这样的 xhr function xhr(config) {
本文向大家介绍vue-ajax小封装实例,包括了vue-ajax小封装实例的使用技巧和注意事项,需要的朋友参考一下 1. js 文件: 2. html示例: 3. 需要获取的数据(1.json) 4. 结果 以上这篇vue-ajax小封装实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。
本文向大家介绍AJAX封装类使用指南,包括了AJAX封装类使用指南的使用技巧和注意事项,需要的朋友参考一下 AJAX说起来感觉很难,但是把他封装起来你会发现使用起来很简单了,当然也是简单的应用了,譬如留言板的应用等,这里首先,先送大家一个礼物那就是封装好的AJAX的类,下载地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51.net).rar 这里
本文向大家介绍基于jQuery的ajax方法封装,包括了基于jQuery的ajax方法封装的使用技巧和注意事项,需要的朋友参考一下 ajax (ajax开发)简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
本文向大家介绍jQuery版AJAX简易封装代码,包括了jQuery版AJAX简易封装代码的使用技巧和注意事项,需要的朋友参考一下 开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件,可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果,调整显示速度,可自行修改CSS改变您为喜欢的风格。 Easy News 1.0.6 有以下的特点 跨浏览器( 已于 IE7 及 Firefox 2.0 测试正常) 可 "往前" 或 "往后" 自动播放 鼠标移过的暂停功