Small Ajax JavaScript library [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.

Closed 11 years ago.

Improve this question

I'm looking for a very small (one liner) Ajax JavaScript library to add on the first line of a small script to make some requests.

I already tried:

jx
Microajax

But they do not work at all. Alternatives?

possible duplicate of How to make an ajax call without jquery? — parvus
– parvus, Commented Nov 27, 2013 at 10:00
I even use microajax in my large scale website, but might will shift to jquery static.lastdates.com/package/microajax/test.html — Atul Gupta
– Atul Gupta, Commented Sep 13, 2014 at 3:35
I just discovered superagent.. looks like a compact, popular alternative to jQuery.ajax... visionmedia.github.io/superagent — Keeth
– Keeth, Commented Feb 13, 2015 at 19:04

Ryan Kinal · Accepted Answer · 2010-08-12 19:38:24Z

32

Here you go, pretty simple:

function createXHR()
{
    var xhr;
    if (window.ActiveXObject)
    {
        try
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e)
        {
            alert(e.message);
            xhr = null;
        }
    }
    else
    {
        xhr = new XMLHttpRequest();
    }

    return xhr;
}

Documentation is here

Example:

var xhr = createXHR();
xhr.onreadystatechange = function()
{
    if (xhr.readyState === 4)
    {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'test.txt', true)
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.send()

Update:

In order to do cross-domain scripting, you'll either have to call out to a local server-side proxy (which reads and echo's the remote data), or, if your remote service returns JSON, use this method:

var s = document.createElement('script')
s.src = 'remotewebservice.json';
document.body.appendChild(s);

Since JSON is essentially a JavaScript object or array, this is a valid source. You theoretically should then be able to call the remote service directly. I haven't tested this, but it seems to be an accepted practice:

Reference: Calling Cross Domain Web Services in AJAX

edited Aug 12, 2010 at 19:38

answered Aug 12, 2010 at 18:48

Ryan Kinal

17.8k7 gold badges48 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

Tommy B. Over a year ago

Oh but now what I forgot was: it should be cross-domain :O

Ryan Kinal Over a year ago

Ooh, that's a rough one. [researches]

Pekka Over a year ago

@Tom I'd say that's worth a question of its own.

Ryan Kinal Over a year ago

Updated with an untested answer :-D

Ryan Kinal Over a year ago

For future reference, xdomain is a very good option for cross-domain scripting.

|

Michael Mior · Accepted Answer · 2014-08-31 21:15:32Z

20

You can build your own version of jQuery that only includes the AJAX modules.

https://github.com/jquery/jquery#how-to-build-your-own-jquery
https://github.com/jquery/jquery#modules

edited Aug 31, 2014 at 21:15

Michael Mior

28.9k10 gold badges95 silver badges118 bronze badges

answered Apr 14, 2013 at 17:38

msaspence

1,4242 gold badges14 silver badges26 bronze badges

3 Comments

Phil Over a year ago

This is very good suggestion. Who would downvote it and why? Go SE!.

msaspence Over a year ago

Thanks @phil, a disgruntled lover maybe

Keeth Over a year ago

projects.jga.me/jquery-builder suggests that even an ajax-only jQuery 2.1.1 is 18kb gzipped and minified (full jQuery is 28kb). Just wanted to mention this as I was surprised it wasn't smaller.

Rion · Accepted Answer · 2011-09-30 21:19:22Z

3

So...tiny...

var obj = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : (XMLHttpRequest && new XMLHttpRequest()) || null;

answered Sep 30, 2011 at 21:19

Rion

471 bronze badge

1 Comment

samvv Over a year ago

Much ajax. Such wow.

Shimon Doodkin · Accepted Answer · 2013-02-04 14:44:52Z

Here is my version with async callback in node.js style

https://gist.github.com/4706967

// tinyxhr by Shimon Doodkin - licanse: public doamin - https://gist.github.com/4706967
//
// tinyxhr("site.com/ajaxaction",function (err,data,xhr){ if (err) console.log("goterr ",err,'status='+xhr.status); console.log(data)  });
// tinyxhr("site.com/ajaxaction",function (err,data,xhr){ if (err) console.log("goterr ",err,'status='+xhr.status); console.log(data)  },'POST','value1=1&value2=2');
// tinyxhr("site.com/ajaxaction.json",function (err,data,xhr){ if (err) console.log("goterr ",err,'status='+xhr.status); console.log(data); console.log(JSON.parse(data))  },'POST',JSON.stringify({value:1}),'application/javascript'); 
// cb - function (err,data,XMLHttpRequestObject){ if (err) throw err;   }
// 

function tinyxhr(url,cb,method,post,contenttype)
{
 var requestTimeout,xhr;
 try{ xhr = new XMLHttpRequest(); }catch(e){
 try{ xhr = new ActiveXObject("Msxml2.XMLHTTP"); }catch (e){
  if(console)console.log("tinyxhr: XMLHttpRequest not supported");
  return null;
 }
 }
 requestTimeout = setTimeout(function() {xhr.abort(); cb(new Error("tinyxhr: aborted by a timeout"), "",xhr); }, 5000);
 xhr.onreadystatechange = function()
 {
  if (xhr.readyState != 4) return;
  clearTimeout(requestTimeout);
  cb(xhr.status != 200?new Error("tinyxhr: server respnse status is "+xhr.status):false, xhr.responseText,xhr);
 }
 xhr.open(method?method.toUpperCase():"GET", url, true);

 //xhr.withCredentials = true;

 if(!post)
  xhr.send();
 else
 {
  xhr.setRequestHeader('Content-type', contenttype?contenttype:'application/x-www-form-urlencoded');
  xhr.send(post)
 }
}

tinyxhr("/test",function (err,data,xhr){ if (err) console.log("goterr ",err); console.log(data)  });

Michael Mior · Accepted Answer · 2014-08-31 21:16:32Z

0

You can probably use omee. Its a single file containing many frequently used javascript functions like ajax request.

https://github.com/agaase/omee/blob/master/src/omee.js

to raise an ajax request you just call omee.raiseAjaxRequest

with arguments

params- parameters list e.g param1=param1value&param2=param2value

url - url to hit the server

func- function name which is to be called back

connType - GET/POST.

edited Aug 31, 2014 at 21:16

Michael Mior

28.9k10 gold badges95 silver badges118 bronze badges

answered Feb 14, 2013 at 21:28

agaase

1,6222 gold badges16 silver badges26 bronze badges

Comments

Pekka · Accepted Answer · 2010-08-12 18:50:45Z

-2

Well...... jQuery is probably bigger than what you want, but it's arguably still a very good option. It's well documented, well supported, and if you use the CDN link

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

it is even very likely to be present and cached on the client's machine already.

edited Aug 12, 2010 at 18:50

answered Aug 12, 2010 at 18:44

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

5 Comments

Radu Over a year ago

Google CDN: ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Pekka Over a year ago

@Radu cheers, that URL was what I meant.

Tommy B. Over a year ago

Thanks but I only wanted a little snippet. I use jQuery for all my javascript-related work but for this time I needed something very small.

Pekka Over a year ago

@Tom then @Ryan's approach should be perfect - it's as small as it'll get.

user5066707 Over a year ago

Check github.com/nicematt/url-request?

Collectives™ on Stack Overflow

Small Ajax JavaScript library [closed]

6 Answers 6

11 Comments

3 Comments

1 Comment

Comments

Comments

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

11 Comments

3 Comments

1 Comment

Comments

Comments

5 Comments

Linked

Related