jQery ajax——load()方法示例介紹_AJAX教程
      
編輯Tag賺U幣
      




      

      推薦：jQuery+Ajax實現表格數據不同列標題排序(為表格注入活力)
      CSS也使得表格的布局越來越光彩耀人。但是，無論如何，都掩飾不了那些包裝下的死板，接下來為大家介紹下讓那些死板的數據 更具有可讀性、可用性
      一．load()方法（最簡單的） 
      load(url,[data],[callback]) 
      url：加載的頁面地址 
      data: 可選項，發送到服務器的數據，格式是key/value 
      callback:可選項，回調函數 
      1.最簡單的應用 
      復制代碼 代碼如下:www.wf0088.com
       
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
      <html xmlns="http://www.w3.org/1999/xhtml"> 
      <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <title>load方法應用</title> 
      <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 
      <style type="text/css"> 
      #divframe{ border:1px solid #999; width:500px; margin:0 auto;} 
      .loadTitle{ background:#CCC; height:30px;} 
      </style> 
      <script type="text/javascript"> 
      $(function(){ 
      $("#btn").click(function(){ 
      //加載整個頁面 
      //$("#ajaxTip").load("inclue_a.html"); 
      //加載頁面中的某一元素 
      $("#ajaxTip").load("inclue_a.html #userinfo"); 
      }) 
      }) 
      </script> 
      </head> 
      <body> 
      <div id="divframe"> 
      <div class="loadTitle"> 
      <input type="button" value="獲取數據" id="btn"/> 
      </div> 
      <div id="ajaxTip"> 
      </div> 
      </div> 
      </body> 
      </html> 
       
      其中inclue_a.html的代碼如下： 
      復制代碼 代碼如下:www.wf0088.com
       
      <div id="userinfo"> 
      姓名：冰淇淋<br> 
      性別：田<br> 
      郵箱：999@123.com 
      </div> 
       
      顯示結果： 
       
      點擊按鈕顯示如下： 
       
      二．get()方法 
      三．post()方法 
      四．ajax()方法
      分享：利用Ajax實現在腳本里傳值實例介紹
      Ajax實現在腳本里傳值可以解決實際上的一些問題，本文實現了一下，感興趣的朋友可以參考下，希望可以幫助到你
      


      

      


      來源：模板無憂//所屬分類：AJAX教程/更新時間：2013-05-11


      


      



      


      



      相關AJAX教程：