Data Ajax

WET v4.0 or later

This feature is exclusive to WET v4.0 or later.

A basic AjaxLoader wrapper that inserts AJAXed in content.

Insert content after an element (data-ajax-after)

Example

Hello World

Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.

Hello World - Part 2

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.

View code 
<section data-ajax-after="ajax/data-ajax-extra-en.html" class="original">
	<h4>Hello World</h4>
	<p>Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.</p>
</section>
<section data-ajax-after="ajax/data-ajax-extra-2-en.html" class="original">
	<h4>Hello World - Part 2</h4>
	<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
</section>

Append content to an element (data-ajax-append)

Example

Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.

View code 
<div data-ajax-append="ajax/data-ajax-extra-en.html" class="original">
	<p>Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.</p>
</div>
<div data-ajax-append="ajax/data-ajax-extra-2-en.html" class="original">
	<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
</div>

Insert content before an element (data-ajax-before)

Example

Hello World

Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.

Hello World - Part 2

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.

View code 
<section data-ajax-before="ajax/data-ajax-extra-en.html" class="original">
	<h4>Hello World</h4>
	<p>Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.</p>
</section>
<section data-ajax-before="ajax/data-ajax-extra-2-en.html" class="original">
	<h4>Hello World - Part 2</h4>
	<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
</section>

Prepend content to an element (data-ajax-prepend)

Example

Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.

View code 
<div data-ajax-prepend="ajax/data-ajax-extra-en.html" class="original">
	<p>Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.</p>
</div>
<div data-ajax-prepend="ajax/data-ajax-extra-2-en.html" class="original">
	<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
</div>

Replaces an element (data-ajax-replace)

Example

Hello World

Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.

Hello World - Part 2

Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.

View code 
<div data-ajax-replace="ajax/data-ajax-extra-en.html" class="original">
	<section>
		<h4>Hello World</h4>
		<p>Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text. Example text.</p>
	</section>
</div>
<div data-ajax-replace="ajax/data-ajax-extra-2-en.html" class="original">
	<section>
		<h4>Hello World - Part 2</h4>
		<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
	</section>
</div>
Date modified: