简单的ajax连接库分享(不用jquery的ajax)_基础知识

复制代码 代码如下:

var ajax = {
 init : function(){
  var xmlHttp = new XMLHttpRequest();
  if (!window.XMLHttpRequest)
     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    return xmlHttp;
 },
 call : function(opt){
  var xmlHttp = this.init();

  xmlHttp.onreadystatechange = function(){
   if(xmlHttp.readyState===4)
   {
     xmlHttp.status===200 ?
     opt.success(xmlHttp.responseText,xmlHttp.responseXML) : opt.error(xmlHttp.responseText,xmlHttp.status);
   }
  }
  opt.data = this.parseData(opt.data);
  if(opt.method.toLowerCase() === 'get'){
   opt.url = opt.url + "?" + opt.data;
   opt.data = null;
  }
  xmlHttp.open(opt.method,opt.url,opt.async);
  if(opt.method.toLowerCase() === 'post')
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xmlHttp.send(opt.data);
 },
 parseData : function(data){
  if(typeof data == 'object'){
   var str = '';
   for(var i in data){
    str += "&"+i+"="+encodeURIComponent(data[i]);
   }
   return str.length==0 ? str : str.substring(1);
  }else{
   return data;
  }
 }
}

时间: 2024-11-09 00:58:54

简单的ajax连接库分享(不用jquery的ajax)_基础知识的相关文章

简单的ajax连接库分享

 自己写了一个简单的ajax连接库,没有使用jquery的ajax,这个代码要比jquery轻量,大家参考使用吧,  代码如下: var ajax = {  init : function(){   var xmlHttp = new XMLHttpRequest();   if (!window.XMLHttpRequest)      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");     return xmlHttp;  },  c

javascript基础知识分享之类与函数化_基础知识

1.对象适合于收集和管理数据,容易形成树型结构. Javascript包括一个原型链特性,允许对象继承另一对象的属性.正确的使用它能减少对象的初始化时间和内存消耗. 2.函数它们是javascript的基础模块单元,用于代码复用.信息隐藏和组合调用.函数用于指定对象的行为.一般来说,编程就是将一组需求分解成一组函数和数据结构的技能. 3.模块我们可以使用函数和闭包来构造模块.模块是一个提供接口却隐藏实现状态和实现的函数或对象. 1.自定义类型--构造函数模式(伪类模式) 在基于类的系统中,对象是

如何获取JQUERY AJAX返回的JSON结果集实现代码_基础知识

代码如下:我写了个方法,用于查询结果,但debug过程中发现结果集有数据,我如何通过变量获取呢? JScript code 复制代码 代码如下: function getChildNodeArrayByParentID(categoryCode) { $.ajax( { type: "get", url: "DynamicMenuItemsHandler.ashx", data: { MenuItemCode: categoryCode }, async: fals

原始的js代码和jquery对比体会_基础知识

Even a task as simple as this can be complicated without jQuery at our disposal. In plain JavaScript, we could add the highlightedclass as shown in the following code snippet: 复制代码 代码如下: window.onload = function() { var divs = document.getElementsByT

Ajax执行顺序流程及回调问题分析_基础知识

一个全局的变量var JsonData; 我这里有一个Ajax处理的方法: JScript code: 复制代码 代码如下: function GetJson(DataSourceName) { $.ajax({ type: "post", url: "Ajax/AjaxData.ashx?MethodName=" + DataSourceName, contentType: "application/json;", data: "&q

使用Java实现简单的server/client回显功能的方法介绍_基础知识

Socket是指在一个特定编程模型下,进程间通信链路的端点.因为这个特定编程模型的流行,Socket这个名字在其他领域得到了复用,包括Java叫技术. 如果要建立连接,一台机器必须运行一个进程来等待连接,而另一台机器必须试图到达第一台机器.这个电话系统类似:一方必须发起呼叫,而另一方在此时必须等待电话呼叫. java网络模型图 下面通过一个有"回显"功能的服务器和客户端来介绍应用java.net包编写网络应用程序.   这个例子主要功能是服务器端的程序等待客户的输入,然后将读取到的信息

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件_基础知识

1. event.preventDefault();  -- 阻止元素的默认事件. 注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: 复制代码 代码如下: <a href="http://www.baidu.com" target="_black">百度</a> 复制代码 代码如下: var samp = document.getElementByTagName("

jquery简单体验_基础知识

jquery简单体验query是继prototype之后又一个优秀的Javascrīpt框架.对prototype我使用不多,简单了解过.但使用上jquery之后,马上被她的优雅吸引住了.有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自已唯一的框架类包.使用其间也有一点点心得,其实这些心得,在jq

想学习javascript JS和jQuery哪个重要 先学哪个_基础知识

笔者以自己身学习和使用经验分享给大家,有任何问题或疑惑,欢迎留言 在回答题目问题前,首先大家需要了解下什么是js,什么是jQuery js,即JavaScript 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成.因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. jQuery jQu