[jQuery] load() and .ajax How can I do to not freeze my page?
Hi Folks
I am trying understand load() and $.ajax
When I insert this code.
$('#loadContent').click(function(){
$("#myid").load("<a href="http://localhost/final/myajax.php">
http://localhost/final/myajax.php</a>");
});
My php file run a query and return a DOM (because I saved my DOM into my MySql, "caching")
The problem is this function load() freeze my page (few seconds) Works but freeze.
I read a lot about AJAX theory and I know that I need set in my Javascript XMLHttpRequest to true to not freeze my request.
I hope JQuery do this to me so I dont need be crazy to understand all Javascript problems and solutions.
So I read JQuery Documentations and tried use .ajax
Apparently I dont have problem but how can I output the result using JQuery?
$('#loadContent').click(function(){
var myvar = $.ajax({
type: "GET",
url: "<a href="http://localhost/final/myajax.php">http://localhost/final/myajax.php</a>",
dataType: "html",
async: true
});
return myvar
});
What is missing?
I used this to start my Ajax.
<input type="button" value="Load some content!" name="loadContent" id="loadContent"/><br clear="all">
Regards
Mário Moura