jQuery结合Ajax

Ajax的开发有些繁琐，现在有很多成的Ajax框架封装诸多细节，使的Ajax编程更加容易。本文要介绍的就是jQuery框架结合Ajax使用，使得开发工作更加快捷、简单。

jQuery结合Ajax的两种方式如下：

方式A: jQuery结合Ajax的经典版使用

                $.ajax({

                type:"post",

                url:"Ajax5",

                async:true,

                //data:{name:'zs',age:18},

                data:"name=zs&age=18",

              //指定响应的数据格式就是可以执行的JSON数据 ，无需使用JSON.parse();

                dataType:"json",

                //ajax响应成功执行的函数

                success:function (r) {

                 // r:就是接受ajax的响应数据

                    alert(r.name);

                },

                //ajax响应失败执行的方法

                error:function () {

                    alert("ajax响应失败")

                }

             })

里面的属性比较的多，支持我们发送ajax 的各种需求。

方式B: jQuery结合Ajax的精简版使用

             $.get("Ajax4","name=zs&pwd=123",function (data1) {

                   //data1就是响应的数据

               alert(data1);

           })

            $.post("Ajax4","name=zs",function (data1) {

                alert(data1);

            })

[注]（1）ajax精简版使用的特点：书写很简单，只可以满足我们对ajax最基本的需求使用。只可以再Ajax响应成功的时候执行，如何响应失败了这个写法满足不了，还是需使用$.ajax经典版的方式。