Ajax com mootools 1.2

Postado por Paulo Brito em 18 de Setembro de 2010 • Comentários (0) • Novo comentário

Função bem fácil para chamar páginas via ajax. Abaixo está um exemplo de como utilizar.

O primeiro parâmetro é a página que você deseja chamar, o segundo é onde essa página será exibida(tem que ser o id de um elemento)

Vamos ao exemplo que fica mais fácil:

<a onclick="javascript: ajaxLoadPage('paginaAjax.php', 'divAjax');">
Carregar pagina
</a>

<div id="divAjax"> Conteudo sera carregado aqui</div>

Download
Código fonte
Comentar
Comentários

blog comments powered by Disqus

Comentários ir para topo

Código fonte ir para topo

/**
* @desc   load an page using ajax
* @param  string    ajaxUrl      relative url of the page to be loaded
* NOTE:   it's is posible to pass parameters and javascripts codes on
*         the resqueted page.
*
* @param  string    ajaxUpdate   where the ajax page will be displayed
* @param  string    onComplete   special functions thats need to be called after
*                             complete the page request
*
* NOTE:   OnComplete will only work if had be set special trigger for that
*
*/

function ajaxLoadPage(ajaxUrl, ajaxUpdate) {
	// default values
	onComplete       = typeof(onComplete)       != 'undefined' ? onComplete : false;

// identify if url has any parameters using GET
	if(ajaxUrl.match(/\?/) )  { var getString = '&';  }
	     else { var getString = '?'; }

// ajax request
	var req = new Request.HTML({
	             method: 'get',
	             url: ajaxUrl+getString+'nocache='+ new Date().getTime(),
	               onRequest: function() {
	                    $(ajaxUpdate).set('html', '<div class="loader"> <img src="includes/img/ajax-loader.gif"> </div>');
	               },
	               onComplete: function () {
	               },
	             update: $(ajaxUpdate),
	             evalScripts: true
	         }).send();

}

Ajax com mootools 1.2

Código Pronto

Categorias

Tags

Links