摘要：jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。 代码：代码如下: // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.url; var href = location.href; // 判断是否跨域请求 var requestType = jsonp; if (url.indexOf(location.host) > -1) requestType = json; requestType = opt.dataType || requestT...
最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于jquery的ajax,所以离开了jquery这个函数就毫无作用了.而且我觉得,jquery的ajax方法是很完善的了,可以直接用,如果都有jquery了,那么他的ajax就不用白不用了.我缺少的是一个能在没有jquery的情况下使用的ajax方法. 所以我也花一天时间写了一个,参数与调用方法类似于jquery的ajax.就叫xhr吧,因为xhr=XMLHttpR...
jquery插件源码: /** * 对jquery中$.ajax进行封装，以便加入锁屏功能 * isAsync 是否为异步请求，默认为true * isLock 是否锁屏，默认是true * isCache 是否从浏览器缓存中加载信息，默认是fasle ***/ ;(function($) { $.fn.doPost = function(settings) { settings = jQuery.extend({ isAsync:true, type : "post", url : null, dataType : null, data : null, success : null, error : toError, isLock : true, isCache : false ...
代码如下: //javascript Object: ajax Object//Created By RexLeefunction Ajax(url,data){ this.url=url; this.data=data; this.browser=(function(){ if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE";//IE浏览器 }else{ return "other";//其他 }})();};Ajax.prototype={ get:function(){ var result; var xmlhttp; if(this.browser==M...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jQueryAjaxJson取值示例</title> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(function () { jsonAjax("AjaxQuery.aspx", "type...
html代码 代码如下:<html> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8 /> <title>试试</title> </head> <script type="text/javascript"> var data = { 1 : a001, 2 : a002, 3 : a003, 4 : a004, 5 : a005, 6 : a006 }; var data2 = { 1 : { 101 : a101, 102 : a102, 103 : a103, 104 : a104 }, 2 : { 201 : a201, 202 : a202, 203 : a203, 204 : a204 }, 3 : { 301 : a301, 302 : a302, 303 : a303...
代码如下:var paramBeanList = new Array(); Array.prototype.addParamBean=function(paramBeanObj){ var index = this.containParamBean(paramBeanObj); if (index != -1) { this[index] = paramBeanObj; } else { this.push(paramBeanObj); } }; Array.prototype.clear=function(){ if (this.length == 0) { return; } for (var index in this) { this.pop(); ...
当我们不会写后端接口来测试ajax时，我们可以使用node环境来模拟一个后端接口。 1、模拟后端接口可参考网站整站开发小例子，在打开命令窗口并转到所在项目文件夹下在命令行中输入npm install express --save，安装express中间件。2、把当中的app.js的内容换成 var express=require(express); //var path=require(path); var app=express();//app.set(view,path.join(__dirname,views)); //在views目录下搜索所有模板 app.engine(ht...
前言Ajax 的全称是Asynchronous JavaScript and XML 异步的javaScript和XML AJax所涉及到得技术： 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。(核心) 4.使用javascript来绑定和调用。 在我们前端处理数据的时候免不了要 ajax 与后台通信， ajax 是通过 XMLHttpRequest 对象与服务器进行通信的， jquery 在 XMLHttpReaquest 的基础上封装...
在上篇文章给大家介绍了Ajax基础详解教程(一) Ajax基础详解教程(二) 今天接着我们上篇博文的栗子，现在我来扩大一下需求，之前是点击按钮取出新闻，现在要实现每隔一段事件进行新闻的更新。这个时候，肯定是加一个定时器，然后每隔一段事件，再进行一次Ajax请求，既然要经常用到Ajax请求，封装函数就很必要了，先来看一下上个栗子的js代码，我们来进行封装。window.onload = function() { var oBtn = document.getElementById(b...
回归下原生js，网上看到的AJAX封装，遂拿来改改，不知还有何弊端，望指出！ var ajaxHelper = {/*1.0 浏览器兼容的方式创建异步对象*/makeXHR: function () {//声明异步对象变量var xmlHttp = false;//声明 扩展 名var xmlHttpObj = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "MSXML.XMLHttp"];//判断浏览器是否支持 XMLHttpRequest，如果支持，则是新式浏览器，可以直接创建if (win...
实例代码： // 封装的ajax网络请求函数 // obj 是一个对象 function AJAX(obj){//跨域请求if (obj.dataType == "jsonp") {//在这里 callback 必须是全局变量 保证函数消失的时候 这个变量不可以被销毁//处理一下函数名（防止多个网络请求 函数名字相同 出现紊乱的情况）var hehe = "callBack" + "_" + new Date().getTime() + "_" + String(Math.random()).replace(".","");window[hehe] = obj.success;//创建 script标签var sc = ...
在项目中经常用到AJAX调用远程数据，每一次调用，都得写一个ajax方法，这就造成了重复代码过多，可读性也不够强，所以，我一般都是封装起来，需要的时候调用。 var imgUpload = { //ajax请求数据 method:function(murl,mdata,method,success){ $.ajax({ type: method, url: murl, dataType : "jsonp", data: mdata, timeout: 20000, error: function (data) { console.log(data); alert("请求失败"); }, success: function (data) ...
AJAX说起来感觉很难，但是把他封装起来你会发现使用起来很简单了，当然也是简单的应用了，譬如留言板的应用等，这里首先，先送大家一个礼物那就是封装好的AJAX的类，下载地址http://xiazai.jb51.net/201412/yuanma/ajax3.0(jb51.net).rar 这里下载这个类，然后教大家怎么使用吧！ 实例哦！代码如下: <html> <head> <title>Ajax实例</title> <script src="ajax3.0.js"></script> </head> <body> <script> document.wri...
Ajax原理： 客户端通过浏览器的内置对象XMLHttpRequest来发送异步请求，当服务器返回响应时，会调用先前注册的回调函数，在回调函数中可以使用javascript操作DOM来更新页面，异步请求不会阻塞客户端的操作，达到页面无法刷新就可以更新数据的效果。 异步请求的封装： 代码如下:var xhr=false; //step1:创建一个兼容浏览器各个版本的XMLHttpRequest对象 if (window.XMLHttpRequest) { //IE7+, Firefox, Chrome, Opera, Safari xhr ...