1. get html content
content of html:
comments | Javascript source | Execution result in your current browser |
load html content | document.write("<div id='d1'/>");
$.get("get_fill/hello.html", function(data) {
$('#d1').html(data);
})
|
|
2. get text content
content of text:
comments | Javascript source | Execution result in your current browser |
load html content | document.write("<div id='d2'/>");
$.get("get_data/part.txt", function(data) {
$('#d2').html(data);
})
|
|
3. get data as json
content of text:
{ "name": "map", "key1":"value1", "key2":"value2"}
comments | Javascript source | Execution result in your current browser |
load jason content | document.write("<div id='d3'/>");
$.get("get_data/part.json", function(data) {
$('#d3').append("name => "+data.name+"<br/>")
.append("key1 => "+data.key1+"<br/>")
.append("key2 => "+data.key2+"<br/>");
})
|
|
4. keep track of the progress
content of text:
{ "name": "map", "key1":"value1", "key2":"value2"}
comments | Javascript source | Execution result in your current browser |
load jason content | document.write("<div id='d4'/>");
document.write("<div id='p1'/>");
var xhr=$.get("get_data/part.json", function(data) {
$('#d4').append("name => "+data.name+"<br/>")
.append("key1 => "+data.key1+"<br/>")
.append("key2 => "+data.key2+"<br/>");
});
xhr.success(function() { $('#p1').append("Success<br/>");});
xhr.error(function() { $('#p1').append("Error<br/>");});
xhr.complete(function() { $('#p1').append("Complete<br/>");});
|
|
5. show loading error
content of text:
{ "name": "map", "key1":"value1", "key2":"value2"}
comments | Javascript source | Execution result in your current browser |
load jason content | document.write("<div id='d5'/>");
document.write("<div id='p2'/>");
var xhr=$.get("get_data/part_not_found.json", function(data) {
$('#d5').append("name => "+data.name+"<br/>")
.append("key1 => "+data.key1+"<br/>")
.append("key2 => "+data.key2+"<br/>");
});
xhr.success(function() { $('#p2').append("Success<br/>");});
xhr.error(function() { $('#p2').append("Error<br/>");});
xhr.complete(function() { $('#p2').append("Complete<br/>");});
|
|