Ajax封装

原创 2016年08月29日 19:08:27
//封装ajax
function ajax(params) {
	var xmlhttp;
	//判断XMLHttpRequest是否存在
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
	} else {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	//readystate监听事件
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			//输出响应的结果
			if (params.callback) {
				params.callback(xmlhttp);
			}
		}
	};

	//取出method参数
	var method = params.method ? params.method : "GET";
	var asynch = params.asynch ? true : params.asynch;

	//打开一个连接
	xmlhttp.open(method, params.url, params.asynch);
	//判断是否POST请求
	if (method.toLowerCase() == 'post') {
		//post请求一定要设置这句话
		xmlhttp.setRequestHeader("Content-Type",
				"application/x-www-form-urlencoded");
	}

	//判断请求是否有参数
	if (params.params) {
		var p = [];
		for (key in params.params) {
			p.push(key + "=" + params.params[key]);
		}
		xmlhttp.send(p.join("&"));
	} else {
		xmlhttp.send(null);
	}
}
版权声明:本文为博主原创文章,未经博主允许不得转载。

AJAX的工作原理和封装

理解ajax之前,我们首先要知道什么是ajax(AsynchronousJavaScript and XML),翻译“异步的javascript 和 xml”,是指一种创建交互式网页应用的网页开发技术...
  • DreamChenMing
  • DreamChenMing
  • 2016年08月10日 16:50
  • 555

jQuery封装的ajax——参数

参数 options 类型:Object 可选。AJAX 请求设置。所有选项都是可选的。 async 类型:Boolean 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,...
  • qq_36940798
  • qq_36940798
  • 2016年12月06日 14:06
  • 1079

jQuery-jquery封装的ajax使用总结

对于页面一些效果,验证等,我们都是通过JavaScript语言进行完成的,但是它也就像我们的Java代码一样,是最前台语言最基础的,而jQuery则是对js代码进行封装方便我们前台代码的编写,而且它还...
  • qq_36859415
  • qq_36859415
  • 2016年12月20日 18:38
  • 3469

简单封装$.ajax() 方法

我是新手最近一直再用 AJAX 这个方法简单的写成函数的方式不知道会不会方便,主要是ajax 传输成功之后 把后台的data 返回到自己的函数上 ,这样对数据就可以随意操作了。...
  • qq_33285292
  • qq_33285292
  • 2017年07月26日 15:17
  • 1695

jquery Ajax 全局调用封装

有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....})写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端...
  • xllily_11
  • xllily_11
  • 2016年06月02日 15:03
  • 17314

JQuery Ajax的实现原理以及二次封装通用的Ajax

Ajax 的全称是Asynchronous JavaScript and XML 异步的javaScript和XML AJax所涉及到得技术:    1.使用CSS和XHTML来表示。 ...
  • u011659172
  • u011659172
  • 2016年05月04日 11:38
  • 2347

ajax 异步封装-函数 javascript原生

以下为简单的案列代码: 无标题文档 * { margin: 0px; padding: 0px; } #box { float: left; width: 500px; } #left...
  • yy374864125
  • yy374864125
  • 2014年04月22日 17:02
  • 2553

基于jquery的ajax方法的二次封装

我并不是专业的前端开发攻城狮,所以,这篇文章的水平,可能是比较低的,里面一些观点,可能都比较可笑。如果有疏漏或错误的地方,希望大家能指出来。如果文章的价值不大,也希望大牛能指点一二,在此先谢谢了。  ...
  • u012491617
  • u012491617
  • 2017年01月02日 13:09
  • 1700

自己封装ajax

/** 全局ajax对象 */ var ajax = new Object(); var ajaxCore = null;/** * @see 创建ajax核心对象,兼容浏览器有:IE6,7,8,9...
  • birdflyto206
  • birdflyto206
  • 2016年06月07日 20:48
  • 1262

对Jquery中的ajax再封装,简化操作

jQueryAjaxJson取值示例 $(function () { jsonAjax("AjaxQuery.aspx", "ty...
  • smartsmile2012
  • smartsmile2012
  • 2013年11月30日 16:30
  • 14432
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax封装
举报原因:
原因补充:

(最多只允许输入30个字)