Load a container using AJAX content

Installation

CSS Selectors

$.get() Nedil Objects ($.Objs) General Selectors Attribute Selectors Child Selectors Sibling Selectors

Event Handling

on() off() trigger() $.self() $.currentEvent Events

DOM Manipulation

Common - Two ways of Usage addChild() addParent() wrapChildren() removeChild() getChildren() isChild() isParent() nextSibling() previousSibling() isSibling() childIndex()

Utilities

forEach() html() text() pos() posAbs() dim() mouse() mouseAbs() style() css() hasCSSClass() selection() convertHexRGB() cloneJSON()

Data Structures

Stack Queue Table

AJAX APIs

AJAX Request load() ajaxSubmit() toJSON()

Animation APIs

Animation Parameters Location Animation Dimension Animation Color Animation CSS Animation Paths and Easing

Widgets Creation

How to create a widget ? About Default Widgets

.load ( SERVER_URL [, PARAM_JSON ] [, SUCCESS_FN ] )

load() function will be applied to an html element. It loads the element with response content for an AJAX request from a server.

Parameters

Name	Type	Description
SERVER_URL	String	Server URL which handles AJAX request
PARAM_JSON	JSON	Input data to be sent to the server - Optional
SUCCESS_FN	JSON	A success callback function and value it returns is used to load the source element. If not provided, server reponse will be directly used to load the HTML element - Optional

Example 1

Load the html element from the server response for an AJAX request using load().

JS
								$.domLoaded(function() {

			$.get("#ajax1").on("click", function() {
			
				$.get("#result").load("../../ajax/AjaxServer.php");
				
			});
			
		});

Result