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; //阻止页面刷新

});

将事件绑定在document上防止页面未加载完成时找不到绑定的元素。一般将<script>放在文档末尾以防止此类事情发生。

对象调用document的on方法，接受3个参数，分别是字符串‘click’，字符串‘form’和函数function，function有一个参数变量evt，4条语句。

Ajax用于异步请求，不用刷新页面即可与服务器交换数据。