JQuery Load() function

Question

$(document).ready(function(){
    $("#btnLoad").click(function(){
        $('#div1').load('test.txt', {}, fnLoad());
    });
});

function fnLoad()
{
    // How can I load the content of <div id="div1" /> into a variable here?
}

In fact, I want to work with the variable instead of div1.innerHTML.

I haven't tried it but wouldn't var.load('test.txt',{}); work? — bashleigh
– bashleigh, Commented Dec 29, 2012 at 10:23

user1936059 · Accepted Answer · 2012-12-29 10:24:36Z

2

Use $.get for xhr request, like so:

$(document).ready(function(){
    $("#btnLoad").click(function(){
        $.get('test.txt', fnLoad);
    });
});

function fnLoad(data)
{
    // Contents of test.txt should be in data argument here
}

answered Dec 29, 2012 at 10:24

user1936059

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

2 Comments

MJ_Developer Over a year ago

Could you explain more, please?

user1936059 Over a year ago

jQuery's load method loads data (usually it is an HTML string) from a web server via AJAX request and then places it into the given matched element. If you don't need to place contents of test.txt inside #div1 element and just put it in some variable, you should better use $.get method of jquery. When the data is loaded, the fnLoad function will be called and it's first argument will be what you need. If you still need the contents of test.txt placed inside #div1 - you should use the sample provided by @JamWaffles above

Bojangles · Accepted Answer · 2012-12-29 10:24:52Z

0

$(document).ready(function(){
    $("#btnLoad").click(function(){
        $('#div1').load('test.txt', {}, fnLoad));
    });
});

function fnLoad(result)
{
    // The variable `result` contains the response of the AJAX call.
}

This much like passing result into an anonymous function in the .load() call itself, but you've split the function out into it's own, named one. You need to pass a reference to fnLoad(). result will contain the response data. The function prototype for .load() accepts 3 arguments:

response, status, xhr

You can map these to whatever variable names you like in fnLoad().

answered Dec 29, 2012 at 10:24

Bojangles

102k50 gold badges175 silver badges209 bronze badges

1 Comment

user1936059 Over a year ago

This won't work, as you are passing the result of fnLoad call to function, it has to be $('#div1').load('test.txt', {}, fnLoad)

Collectives™ on Stack Overflow

JQuery Load() function

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related