$(document).on('submit', 'form',function(evt){$('body').addClass('red');$.ajax({url: 'ajax.php', //請求地址 type: 'post', //請求方式 data: $(this).serialize(), //發(fā)送到服務(wù)器的數(shù)據(jù)，serialize()函數(shù)將數(shù)據(jù)轉(zhuǎn)化為標(biāo)準(zhǔn)的查詢字符串 dataType: 'json', //接受的數(shù)據(jù)類型 success: function(data){$('body').append('<div>my name is ' + data.name + ', and i am ' + data.age + ' yo.</div>');$('body').removeClass('red');} //回調(diào)函數(shù) });evt.preventDefault(); //阻止頁面刷新return false; //阻止頁面刷新 });

?

將事件綁定在document上防止頁面未加載完成時找不到綁定的元素。一般將<script>放在文檔末尾以防止此類事情發(fā)生。

對象調(diào)用document的on方法，接受3個參數(shù)，分別是字符串‘click’，字符串‘form’和函數(shù)function，function有一個參數(shù)變量evt，4條語句。

Ajax用于異步請求，不用刷新頁面即可與服務(wù)器交換數(shù)據(jù)。

轉(zhuǎn)載于:https://www.cnblogs.com/yusi97/p/4968413.html

總結(jié)

以上是生活随笔為你收集整理的Ajax学习心得的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。