Ajax学习心得

$(document).on('submit', 'form',function(evt){

      $('body').addClass('red');

      $.ajax({

            url: 'ajax.php', //请求地址

            type: 'post', //请求方式

          data: $(this).serialize(), //发送到服务器的数据，serialize()函数将数据转化为标准的查询字符串

            dataType: 'json', //接受的数据类型

            success: function(data){

                  $('body').append('<div>my name is ' + data.name + ', and i am ' + data.age + ' yo.</div>');

                  $('body').removeClass('red');

            } //回调函数

      });

      evt.preventDefault(); //阻止页面刷新

      return false; //阻止页面刷新

});

 

1. 将事件绑定在document上防止页面未加载完成时找不到绑定的元素。一般将<script>放在文档末尾以防止此类事情发生。
2. 对象调用document的on方法，接受3个参数，分别是字符串‘click’，字符串‘form’和函数function，function有一个参数变量evt，4条语句。
3. Ajax用于异步请求，不用刷新页面即可与服务器交换数据。