我學Ajax企業級開發 之 Ajax構建塊

function Foo() {

  var bar = "foobar";

  // create the inner function or closure

  var showFoobar = function() {

    alert(bar);

  };

  // return a reference to the dynamically created closure

  return showFoobar;

}

var myClosure = Foo();

myClosure(); // alerts "foobar"

// or

Foo()(); // alerts "foobar"

function Customer(firstName, lastName) {

  this.firstName = firstName;

  this.lastName = lastName;

  this.getFullName = function() {

    return this.firstName + " " + this.lastName;

  };

}

function Customer(firstName, lastName) {

  var _firstName = firstName;

  var _lastName = lastName;

  this.getFullName = function() {

    return _firstName + " " + _lastName;

  };

}

function Customer(firstName, lastName) {

  this.firstName = firstName;

  this.lastName = lastName;

}

Customer.prototype.getFullName = function() {

  return this.firstName + " " + this.lastName;

}

entAjax.extend = function(subClass, baseClass) {

  function inheritance() {};

  inheritance.prototype = baseClass.prototype;

  subClass.prototype = new inheritance();

  subClass.baseConstructor = baseClass;

  if (baseClass.base) {

    baseClass.prototype.base = baseClass.base;

  }

  subClass.base = baseClass.prototype;

}

function parentClass() {/*class contents here*/}

function subClass(){

  subClass.baseConstructor.apply(this, arguments);

}

entAjax.extend(subClass, parentClass);

subClass.prototype.foo = function(args) {

  subClass.base.foo.apply(this, arguments);

}

var i = 0;

function poll(){

       alert(i++);

}

window.setInterval(poll,1);

try {

  var n = Math.random();

  if (n > 0.5) throw new Error("n is less than 0.5");

}catch(err){

  // Deal with the native error object here

  alert(err.message + " ?" + err.name);

}finally{

  // Do cleanup here if need be

}

if (typeof entAjax == "undefined") {

  entAjax = {};

}

var ua = navigator.userAgent;

entAjax.IE = (ua.indexOf("MSIE") > 0?true:false); // Internet Explorer

entAjax.FF = (ua.indexOf("Firefox") > 0?true:false); // Firefox

entAjax.SF = (ua.indexOf("Apple") > 0?true:false); // Safari

function test(){

     alert('你好！');

}

function test1(e){

     alert("Hello");

     e.cancelBubble = true;  //IE中使用

     //e.stopPropagation();  //遵從W3C標準的瀏覽器

}

<div style="border:1px solid #999999; width:500px; height:300px;" onclick="test()">

     <input type="button" value="點選" onclick="test1(event)" />

</div>

<div onclick="nameClicked(event)">John Doe</div>

var domFirstName = document.getElementById("firstName");

domFirstName.onclick = function(){}

var domFirstName = document.getElementById("firstName");

if (entAjax.IE) {

     domFirstName.attachEvent("onclick", nameClicked);

} else {

     domFirstName.addEventListener("click", nameClicked, false);

}

entAjax.EventManager = {};

entAjax.EventManager.attachEvent = function(element, type, callback, setCapture) {

  // Browser checking for IE vs W3C compliant browser

  if (element.attachEvent) {

    // Create two expando properties with function references

    element['ntb_' + type] = function() {

      callback.call(element);

    };

    // Attach one of our expando function references to the event

    element.attachEvent('on'+type, element['ntb_' + type]);

    // Set the capture if it was specified

    if (setCapture) element.setCapture(true);

  }

  else if (element.addEventListener) {

    element.addEventListener(type, callback, setCapture);

  }

}

var xhr = null;

if (entAjax.IE6) {

  xhr = new ActiveXObject("Microsoft.XMLHTTP");

} else if (entAjax.IE7 || entAjax.FF || entAjax.SF || entAjax.OP) {

  xhr = new XMLHttpRequest();

} else {

  // no XHR so we are out of luck, maybe degrade and use an IFRAME?

}

xhr.open("GET", "http://www.example.com/myResource", false);

xhr.send(null);

entAjax.HttpRequest = function() {

  this.handler = "";

  this.async = true;

  this.responseType = "xml";

  this.httpObj = entAjax.XHRFactory.createXHR();

}

entAjax.HttpRequest.prototype.get = function() {

  this.httpObj.open("GET", this.handler, this.async);

  this.httpObj.onreadystatechange = entAjax.close(this, this.requestComplete);

  if (this.responseType == "xml")

    this.httpObj.setRequestHeader("Content-Type","text/xml");

  this.httpObj.send(null);

}

entAjax.HttpRequest.prototype.requestComplete = function() {

}

entAjax.HttpRequest.prototype.abort = function() {

  this.httpObj.onreadystatechange = function () {};

  this.httpObj.abort();

}

var xhr = new entAjax.HttpRequest();

xhr.handler = "http://www.example.com/myResource";

xhr.get();

entAjax.HttpRequest = function() {

  this.handler = "";

  this.async = true;

  this.responseType = "xml";

  this.httpObj = entAjax.XHRFactory.createXHR();

  this.completeCallback = null;

}

entAjax.HttpRequest.prototype.requestComplete = function() {

  if (this.httpObj.readyState == 4) {

    if (this.httpObj.status == 200) {

      this.completeCallback.call(this, this);

    }

  }

}

var xhr = new entAjax.HttpRequest();

xhr.async = true;

xhr.handler = "http://www.example.com/myResource";

xhr.completeCallback = showResult;

xhr.get();

entAjax.HttpRequest = function() {

  this.handler = "";

  this.async = true;

  this.responseType = "xml";

  this.httpObj = entAjax.XHRFactory.createXHR();

  this.completeCallback = null;

  this.params = {};

}

entAjax.HttpRequest.prototype.post = function(sData) {

  // Either send the provided data or the params

  if (sData == null) {

    sData = "";

    for (var name in this.params) {

      sData += escape(name) + "=" + escape(this.params[name]) + "&";

    }

    sData = sData.substring(0, sData.length-1);

  }

  // Now send the data using a POST

  this.httpObj.open("POST", this.handler, this.async);

  this.httpObj.onreadystatechange = entAjax.close(this, this.requestComplete);

  if (this.responseType == "xml")

    this.httpObj.setRequestHeader("Content-Type","text/xml");

  this.httpObj.send(sData);

}

entAjax.HttpRequest.prototype.setParam = function(name, value) {

  if (value == null)

    delete this.params[name];

  else

    this.params[name] = value;

}

var myXHR = new entAjax.HttpRequest();

myXHR.setParam("firstName","John");

myXHR.setParam("lastName","Doe");

myXHR.setParam("id","1234");

myXHR.handler = "customers/save";

myXHR.post(); // or myXHR.get(), either way the params get sent back

var xhr = new entAjax.HttpRequest();

xhr.completeCallback = buildCustomerList;

xhr.handler = "http://www.example.com/myResource";

xhr.get();

function buildCustomerList(xhr) {

  var html = "<div>";

  // do DOM methods for creating nodes in the web page etc.

  var xResponse = xhr.httpObj.responseXML;

  var aCustomers = xResponse.getElementsByTagName("Customer");

  var len = aCustomers.length;

  for (var i=0; i<len; i++) {

    customer = aCustomer[i];

    html += "<span>" + customer.getElementsByTagName("firstName")[0].text+"</span>";

    html += "<span>" + customer.getElementsByTagName("lastName")[0].text+"</span>";

  }

  return html + "</div>";

}

var Customer = eval('({"firstName":"John","lastName":"Doe"})');

alert(Customer.firstName);

entAjax.Info = {

    ver:"1.0",

    status:"active"

};

entAjax.Panel = function() {

  this.title = "Standard Panel";

}

var myWindow = new entAjax.Panel();

// Make myWindow scrollable

myWindow.scroll = function() { }

entAjax.XHRFactory = {

  createXHR: function() {

    try {

      if (entAjax.IE6) {

        xhr = new ActiveXObject("Microsoft.XMLHTTP");

      } else if (entAjax.IE7 || entAjax.FF || entAjax.SF || entAjax.OP) {

        xhr = new XMLHttpRequest();

      } else {

        // no XHR, maybe degrade and use an IFRAME?

        throw("XHR not supported in your browser");

      }

    } catch(e) {

      // no XHR object available ?think about degrading

      alert(e.message);

    }

    return xhr;

  }

}

var xhr = entAjax.XHRFactory.createXHR();