jQuery数据提交

在此之前我们学习了js数据获取和提交，现在我们就用JQuery来实现数据的获取和提交，首先我们看一下jQuery里面的方法：

 

我们先看这四个方法，也是最简单的。

拿一个小案例来作解释吧：

这是一个拥有10个按钮的表单样式，每一个按钮都有它自己的功能。

页面输出：

这十个按钮分别给他们绑定了一个点击事件：

这十个按钮的功能中，左边四个按钮都是获取数据的，右边六个按钮都是提交的，所以十个按钮只有两个功能，那就是获取和提交。

1.从控制器中获取数据:

 （1）$("#btnAjaxGetData").click(function () {

            //ajax获取数据

            $.ajax({

                type: "post",//可以get 可以post

                url: "/Ajax/strData",

                dataType:'json',//返回JSON数据 js对象

                success: function (data) {

                    $("#txtName").val(data.name);

                    $("#cboSex").val(data.sex);

                    $("#txtDax").val(data.dax);

                    $("#txtAddress").val(data.address);

                },

                error: function (data) {

                    alert("发生错误");

                }

            });

        });

和下面这个相比，上面的事件中多了（dataType:'json',）返回JSON数据也就是js对象，所以就不用像下面这个这样转换再用，直接用就可以了

Type：获取数据的方式；

Url：获取数据的路径；

dataType：返回数据的格式；

Success：回调函数；

（2）$("#btnAjaxGetData").click(function () {

            //ajax获取数据

            $.ajax({

                type: "post",//可以get 可以post

                url: "/Ajax/strData",

                success: function (data) {

                    console.log(data);

                    //返回回来的data是一个json格式的字符串