<div id="someContainer"></div>
old way to get the remote server's result:
window.onload = function() {
var xhr;
if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else {
throw new Error("Ajax is not supported by this browser");
}
xhr.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status >= 200 && this.status < 300) {
document.getElementById('someContainer')
.innerHTML = this.responseText;
}
}
};
xhr.open('GET','someResource');
xhr.send('');
};
new way to get the data:
$(function() {
$('#someContainer').load('someResource');
});
load(url,parameters,callback)
Initiates an Ajax request to the specified URL with optional request parameters. A callback
function can be specified that’s invoked when the request completes and the DOM has been
modified. The response text replaces the content of all matched elements.
Parameters
url (String) The URL of the server-side resource to which the request is sent,
optionally modified via selector (explained below).
parameters (String|Object|Array) Specifies any data that’s to be passed as request
parameters. This argument can be a string that will be used as the query string,
an object whose properties are serialized into properly encoded parameters to
be passed to the request, or an array of objects whose name and value
properties specify the name/value pairs.
If specified as an object or array, the request is made using the POST method.
If omitted or specified as a string, the GET method is used.
callback (Function) An optional callback function invoked after the response data has
been loaded into the elements of the matched set. The parameters passed to
this function are the response text, a status string (usually “success”), and the
XHR instance.
This function will be invoked once for each element in the wrapped set with the
target element set as the function context (this).
Returns
The wrapped set.
old way to get the remote server's result:
window.onload = function() {
var xhr;
if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else {
throw new Error("Ajax is not supported by this browser");
}
xhr.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status >= 200 && this.status < 300) {
document.getElementById('someContainer')
.innerHTML = this.responseText;
}
}
};
xhr.open('GET','someResource');
xhr.send('');
};
new way to get the data:
$(function() {
$('#someContainer').load('someResource');
});
load(url,parameters,callback)
Initiates an Ajax request to the specified URL with optional request parameters. A callback
function can be specified that’s invoked when the request completes and the DOM has been
modified. The response text replaces the content of all matched elements.
Parameters
url (String) The URL of the server-side resource to which the request is sent,
optionally modified via selector (explained below).
parameters (String|Object|Array) Specifies any data that’s to be passed as request
parameters. This argument can be a string that will be used as the query string,
an object whose properties are serialized into properly encoded parameters to
be passed to the request, or an array of objects whose name and value
properties specify the name/value pairs.
If specified as an object or array, the request is made using the POST method.
If omitted or specified as a string, the GET method is used.
callback (Function) An optional callback function invoked after the response data has
been loaded into the elements of the matched set. The parameters passed to
this function are the response text, a status string (usually “success”), and the
XHR instance.
This function will be invoked once for each element in the wrapped set with the
target element set as the function context (this).
Returns
The wrapped set.
Comments
Post a Comment