How to send AJAX with dataType as script?

Question

im trying to create own POST request. Here is my function:

function sendPost(o) {
    var h = new XMLHttpRequest();
    h.onreadystatechange = requestComplete;

    function requestComplete() {
        if ( h.readyState === 4 ) {
            if ( h.status === 200 ) {
                if ( o.done ) {
                    o.done(h.responseText);
                }
            } else {
                if ( o.fail ) {
                    o.fail(h.responseText);
                }
            }
        }
    }

    h.open('POST', o.url, true);
    h.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    h.send(o.data);
}

Everything is OK, but im confused, how to set its dataType to script, like in jQuery:

$.ajax({
    url: 'someurl.php',
    type: 'POST',
    dataType: 'script' // <-- how to do this?
});

what's wrong with jquery's ajax implementation?

omma2289
– omma2289

2013-08-15 05:16:05 +00:00
Commented Aug 15, 2013 at 5:16 — omma2289
– omma2289, Commented Aug 15, 2013 at 5:16
It comes with the overhead of jQuery

Quentin
– Quentin

2013-08-15 05:25:54 +00:00
Commented Aug 15, 2013 at 5:25 — Quentin
– Quentin, Commented Aug 15, 2013 at 5:25
nothing wrong with jQuery... im just forgotting eval();

Bagus Javas
– Bagus Javas

2013-08-15 05:27:23 +00:00
Commented Aug 15, 2013 at 5:27 — Bagus Javas
– Bagus Javas, Commented Aug 15, 2013 at 5:27

Quentin · Accepted Answer · 2013-08-15 05:26:40Z

2

dataType has very little to do with sending Ajax requests. It is primarily about what jQuery does with the response.

From the documentation:

"script": Evaluates the response as JavaScript and returns it as plain text. Disables caching by appending a query string parameter, "_=[TIMESTAMP]", to the URL unless the cache option is set to true.

So there is some modification to do with sending here.

Take o.data
Get a timestamp from a new Date()
Check (by looking at indexOf('?') if it has a query string already
Append either ? or & to the URL followed by the time stamp

The rest is all about processing the response:

Evaluates the response as JavaScript

So:

eval(h.responseText);

This is all rather nasty though. Generally speaking, if you want to dynamically load a script, you are usually better off doing it by adding a <script> element to a page.

edited Aug 15, 2013 at 5:26

answered Aug 15, 2013 at 5:16

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

Bagus Javas Over a year ago

Wow, great answer... thank you very much! This is helpful! i use the method of eval(h.responseText);

Collectives™ on Stack Overflow

How to send AJAX with dataType as script?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related