Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Mini AJAX

DZone's Guide to

Mini AJAX

·
Free Resource
Update: This code, along with docs and tests, are now available at http://github.com/seven1m/mini.

A handy, lightweight set of AJAX functions.


function $(e){if(typeof e=='string')e=document.getElementById(e);return e};
function collect(a,f){var n=[];for(var i=0;i
  


   How to use:


   ajax.x - The XMLHttpRequest object (or MS equivalent) used for communication


   ajax.serialize(f)

   f = the form element you wish to be serialized
This function serializes all the fields in a form so that they can be passed as a query string in the form "arg1=val1&arg2=val2".


   ajax.get(url, func)

   url = the url to query (can contain arguments after a '?')

   func = the function to call once the response is returned
This function uses a GET request to query the specified url and return a response to the specified function.


   ajax.gets(url)

   url = the url to query (can contain arguments after a '?')
This function uses a GET request to query the specified url and return a response synchronously. Use this sparingly, as synchronous calls can lock up the browser.


   ajax.post(url, func, args)

   url = the url to query

   func = the function to call once the response is returned

   args = a string containing arguments to be passed to the url
This function uses a POST request to query the specified url and return a response to the specified function.


   ajax.update(url, elm)

   url = the url to query

   elm = the (name of the) element to update
This function uses a GET request to query the specified url and insert the result into the specified element.


   ajax.submit(url, elm, frm)

   url = the url to query

   elm = the (name of the) element to update

   frm = the form element to submit
This function is typically used in the onsubmit handler of a function. The form is not submitted the usual way; the form is instead serialized using "ajax.serialize" and submitted using "ajax.post". The result is then inserted into the specified element.
  
Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}