1. 程式人生 > >Jquery 頁面初始化常用的三種方法以及Jquery 發送ajax 請求

Jquery 頁面初始化常用的三種方法以及Jquery 發送ajax 請求

tree error 渲染 erro 發生 har 初始化 nload 事情

第一種
$(document).ready(function(){
//文檔就緒事件  
});

第二種是第一種的簡略寫法,效果上和第一種是等效的。
$(function(){
//文檔加載事件,整個文檔加載完成後執行。就僅僅只需要加載所有的DOM結構,在瀏覽器把所有的HTML放入DOM tree之前就執行js效果。包括在加載外部圖片和資源之前。 
});

第三種
jQuery(function($){
}); 
window.onload=function(){
 //onload事件是js 中的代碼 onload 事件發生在讀取HTML,內存中生成DOM 樹,渲染頁面這三件事情完成後,才發生onload 事件。整個頁面的document全部加載完成以後執行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那麽這個js效果就會讓用戶感覺失效了。 
}
 
簡化寫法window.onload沒有簡化寫法$(document).ready(function(){})可以簡寫成$(function(){});
$ 符號是來自 JS 庫常用的 " selector " 意思例如 JQuery 裏$ 就是 Selector 的縮寫函數例子 $(this)就是 " 選擇現在這個 " 的意思。
$.ajax({
     url:"請求地址",
    type:"請求方式",
    data:"請求參數",
   dataType:"服務器返回數據類型",
   success:"服務器處理正常後對應的回調函數",
   error:“服務器出錯對應的回調函數”
});

  

Jquery 頁面初始化常用的三種方法以及Jquery 發送ajax 請求