ajax数据请求实例代码

var Ly = {
 $ : function(id /* String */) {
  return document.getElementById(id);
 },
    addEvent : function(evt /* String */, act /* Function */, obj /* Object */) {
        obj = obj || this;
  evt = evt.substr(0, 2) == 'on' ? evt.substr(2, evt.length) : evt;
  
  var fun = function(event) {
            act.call(obj, obj, event);
        };
  
        if (obj.attachEvent) {
            evt = evt.length > 2 ? 'on' + evt : null;
            obj.attachEvent(evt, fun);
        }else if (obj.addEventListener) {
            evt = evt.length > 2 ? evt : null;
            obj.addEventListener(evt, fun, false);
        }
    }
};

Ly.Ajax = (function() {
 var xmlHttp,
  control,
  _this = this;
 
 (function() {
  if (window.top != window) {
   if (!window.top.Ly && !window.top.__LyError__) {
    window.top.__LyError__ = true;
    return;
   }
   control = window.top.Ly.Ajax.control();
   xmlHttp = window.top.Ly.Ajax.xmlHttp();
  } else {
   control = {
    list : [],
    lock : false
   };
   
   !xmlHttp && (xmlHttp = createXMLHttpRequest());
  }
 })();
 
 function method(m /* String */) {
  m = m || '';
  control.list[control.list.length - 1].method = m.toUpperCase() == 'GET' ? 'GET' : 'POST';
  return _this;
 }
 
 function charset(c /* String */) {
  var _charset;
  c = (c || '').toUpperCase();
  switch (c) {
   case 'GB2312':
    _charset = 'GB2312';
    break;
   case 'GBK':
    _charset = 'GBK';
    break;
   case 'GB18030':
    _charset = 'GB18030';
    break;
   case 'BIG5':
    _charset = 'BIG5';
    break;
   default :
    _charset = 'UTF-8';
  }
  control.list[control.list.length - 1].charset = _charset;
  return _this;
 }
 
 function url(u /* String */) {
  control.list[control.list.length - 1].url = u || document.URL;
  return _this;
 }
 
 function async(a /* String */) {
   control.list[control.list.length - 1].async = typeof a == 'boolean' ? a : true;
   return _this;
 }
 
 function success(fn /* Function */) {
  if (typeof fn == 'function' && fn.constructor == Function) {
   control.list[control.list.length - 1].success = fn;
  } else {
   control.list[control.list.length - 1].success = function() {};
  }
  return _this;
 }
 
 function failure(fn /* Function */) {
  if (typeof fn == 'object' && fn.constructor == Function) {
   control.list[control.list.length - 1].failure = fn;
  } else {
   control.list[control.list.length - 1].failure = function() {};
  }
  return _this;
 }
 
 function params(p /* Object */) {
  var _params;
  p = p || '';
  if (typeof p == 'string') {
   _params = p;
  } else if (typeof p == 'object') {
   for (var _p in p) {
    _params += '&' + _p + '=' + p[_p].toString().replace(/+/g, '%2B').replace(/&/g, '%26');
   }
   if (_params.length > 1) {
    _params = _params.substr(1);
   }
  }
  control.list[control.list.length - 1].params = _params;
  return _this;
 }
 
 function createXMLHttpRequest() {
  var xh;
  
  try {
    xh = new XMLHttpRequest();
  } catch(e) {
   try {
    xh = new ActiveXObject('Microsoft.XMLHTTP');
   } catch(e) {
    try {
     xh = new ActiveXObject('MSXML2.XMLHTTP');
    } catch(e) {
     alert('

时间: 2025-01-31 09:42:26

ajax数据请求实例代码的相关文章

AJAX跨域请求JSONP获取JSON数据的实例代码

Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索.使用XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器.Ajax 也是许多 mashup 的驱动力,它可将来自多个地方的内容集成为单一 Web 应用程序. 不过,由于受到浏览器的限制,该方法

原生 JS Ajax,GET和POST 请求实例代码_javascript技巧

javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();

AJAX实现简单的注册页面异步请求实例代码

AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. (4)传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 简单布局 JS先判断,把前端可以的判断做,减少服务器的交互 $('button').on('click',function(){; var boolus

Javascript发送AJAX请求实例代码_javascript技巧

一个对AJAX的封装 //url就是请求的地址 //successFunc就是一个请求返回成功之后的一个function,有一个参数,参数就是服务器返回的报文体 function ajax(url,successFunc) { var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); xhr.open("POST",url,true); xhr.onr

分享Ajax创建简单实例代码_AJAX相关

XmlHttp是一套可以在Javascript.VbScript.Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API.XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面.几乎所有的浏览器都支持XMLHttpRequest对象,它是Ajax应用的核心技术. js代码如下: <html> <head> <title> New Document </title> <meta charset="utf

Ajax 传递JSON实例代码

前面的话 虽然ajax全称是asynchronous javascript and XML.但目前使用ajax技术时,传递JSON已经成为事实上的标准.因为相较于XML而言,JSON简单且方便.本文将上一篇中的实例进行改写,以JSON的方式来进行数据传递 前端页面 <!-- 前端页面 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

分享Ajax创建简单实例代码

XmlHttp是一套可以在Javascript.VbScript.Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API.XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面.几乎所有的浏览器都支持XMLHttpRequest对象,它是Ajax应用的核心技术. js代码如下: <html> <head> <title> New Document </title> <meta charset="utf

gridpanel动态加载数据的实例代码

这篇文章介绍了gridpanel动态加载数据的实例代码,有需要的朋友可以参考一下   复制代码 代码如下: <script type='text/javascript'> function editEsOrder(options,success,response){ if (success){ var tagModelManager_maxOrderIdJson=Ext.util.JSON.decode(response.responseText); var orderValue = tagM

java 发送带Basic Auth认证的http post请求实例代码_java

构造http header private static final String URL = "url"; private static final String APP_KEY = "key"; private static final String SECRET_KEY = "secret"; /** * 构造Basic Auth认证头信息 * * @return */ private String getHeader() { String