关于jQuery的ajax初级应用

基本五种调用

<script src="script/jquery-1.4.1.min-vsdoc.js" type="text/javascript"></script>

<script src="script/jquery-1.4.1.min.js" type="text/javascript"></script>

<!--
jQuery.ajax(options)
load(url,[data],[callback])
jQuery.get(url,[data],[callback])
jQuery.getJSON(url,[data],[callback])
jQuery.getScript(url,[callback])
jQuery.post(url,[data],[callback]) -->

<script type="text/javascript">
$(document).ready(function() {

$("#btnlogin").click(function() {
var params = $("#form1").serialize();
// alert(params);
// 第一种传统的提交利用了表单的序列化 jquery.ajax
/* $.ajax({
type:"POST",
http://www.cnblogs.com/ninepts/admin/%22webform1.aspx",
data:params,
success:function(data){
alert(data);
}
})
*/

//第二种jQuery.get(url,[data],[callback])
// $.get("WebForm1.aspx", { txtname: $("#txtname").val(), txtpwd: $("#txtpwd").val() }, function(data) { alert(data); });

//第三种jQuery.getJSON(url,[data],[callback])
$.getJSON("WebForm1.aspx", { txtname: $("#txtname").val(), txtpwd: $("#txtpwd").val() }, function(json) { alert(json.success) });

})

//第四种jQuery.getScript(url,[callback])在最新的1.4.1可以跨域访问js相当的强大

// $.getScript("demo.js", function() {
// alert("加载成功");
// });

})