首页 > Web开发 > 详细

Ajax学习心得

时间:2015-11-16 12:10:28      阅读:299      评论:0      收藏:0      [点我收藏+]
$(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用于异步请求,不用刷新页面即可与服务器交换数据。

Ajax学习心得

原文:http://www.cnblogs.com/yusi97/p/4968413.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!