关于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("加载成功");
//            });

        })