jquery ajax的学习

<SCRIPT language=JavaScript>
<!--

function myajax(ajaxurl){
[color=red]$('#LoadingStatus').show();//[/color]显示load状态条，以体现数据正在load
//下面是强大的jQuery $.ajax对象。
//url即为即将获取数据的那个地址，请不要跨域（如你的ajax网页的域是http://www.host1.com你的ajax将请求的url是http://www.host2.com则为跨域，这样的请求将返回错误）
[color=red]$.ajax({url: ajaxurl,
type: 'GET', [/color]
[color=red]dataType: 'html',//[/color]html or xml返回的数据是html还是xml对象
[color=red]timeout: 20000,//[/color]超时时间设置，这里我们设置的是20秒 20 000毫秒
[color=red] error: function(){alert('error');$('#LoadingStatus').hide(2000);[/color]
//如果请求错误如何处理
//我们例子中的处理是：如果出现错误，则提示错误，然后隐藏load状态跳
},
[color=red]success: function(html){ [/color]
//请求成功的处理
//如果请求成功：1.隐藏load条 2.将请求的数据写入到div中。
// do something with xml
[color=red]$('#LoadingStatus').hide(2000);
$('#detail').html(html); [/color]
}
});//end of ajax
}

//-->
</SCRIPT>
<DIV id=LoadingStatus style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: none; Z-INDEX: 1000; BACKGROUND: red; FLOAT: right; BORDER-LEFT: #000 1px solid; WIDTH: 100px; COLOR: #fff; BORDER-BOTTOM: #000 1px solid">Loading...</DIV>
<DIV id=detail style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 100px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 100px"></DIV>
<INPUT id=url name=url jQuery1223961413640="2">
<INPUT οnclick="myajax($('#url').val());" type=button value=load jQuery1223961413640="3">