Ajax Fetch

Source code

<h2>Successful Ajax Fetch</h2>
			<div data-ajax-replace="ajax/data-ajax-extra-en.html">
				<section>
					<h3>Text to be replaced</h3>
					<p>This text will be replaced.</p>
				</section>
			</div>

			<h2>Failed Ajax Fetch</h2>
			<div data-ajax-replace="failedUrl">
				<section>
					<h3>Text to be replaced</h3>
					<p>This text will <strong>not</strong> be replaced.</p>
				</section>
			</div>
		

DOM Tree

<h2>Successful Ajax Fetch</h2>
			<div data-ajax-replace="ajax/data-ajax-extra-en.html">
				<section class="ajaxed-in">
					<h3>I was ajaxed in</h3>
					<p>I was ajaxed in. I was ajaxed in. I was ajaxed in. I was ajaxed in. I was ajaxed in. I was ajaxed in. I was ajaxed in.</p>
				</section>
			</div>

			<h2>Failed Ajax Fetch</h2>
			<div data-ajax-replace="failedUrl">
				<section>
					<h3>Text to be replaced</h3>
					<p>This text will <strong>not</strong> be replaced.</p>
				</section>
			</div>