<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$.Ajax</title>
</head>
<body>
<div id="container">
<div id="content">
<p>Tje jquwry ajax</p>
<ul>
<li><button id="remote-html">file remoto</button></li>
<li><button id="remote-script">script remoto</button></li>
<li><button id="remote-data">send data</button></li>
<li><button id="remote-error">error handle</button></li>
</ul>
<div id="result"></div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('#remote-html').click(function(){
$.ajax({
url:'ajaxme.html',
success: function(data){
$('#result').html(data).append('<p>Resquest valido</p>');
},
error:function(){
$('#result').text('<p>Resquest filed</p>');
}
});
});
});
$(document).ready(function(){
$('#remote-script').click(function(){
$.ajax({
url:'sample.js',
dataType: "script"
});
});
});
$(document).ready(function(){
$('#remote-data').click(function(){
$.ajax({
type:"POST",
url:'server.php',
data:{first:"Cesar", last:"Morones"}}).done(function(msg){
alert('Dato salvado'+ msg)
});
});
});
$(document).ready(function(){
$('#remote-error').click(function(){
$.ajax({
type:"GET",
url:'bogus.html',
statusCode:{
404: function(){
$('#result').text('<p>Archivo no encontrado !!!</p>');
}
}
});
});
});
</script>
</body>
</html>
No hay comentarios:
Publicar un comentario