首頁 > web前端 > js教程 > jquery如何實作ajax技術2:$.post()

jquery如何實作ajax技術2:$.post()

黄舟
發布: 2016-12-21 15:43:11
原創
1525 人瀏覽過

在《jquery如何實現ajax技術1:$.ajax()》中我們已經學習如何利用jQuery的$.ajax()函數來實現ajax的開發需求。但相對於其它一些函數來說,$.ajax()的實作過程和程式碼量還是相對複雜。
  今天我們來學習jQuery的$.post()函數。相對於$.ajax()函數來說,$.post()函數更簡單方便,但只能透過POST的方式將資料參數提交到你需要虛擬存取的php檔案。
  我們先來看看$.post()函數內的參數:
  $.post(url,data,callback,type)
  url---待載入頁面的 URL 位址。
  data---待傳送 Key / value 參數。
  callback---載入成功時回呼函數。
  type---返回內容格式,xml, html, script, json, text, _default。
  下面舉一個實際例子:
  ========================================== =====================
  ajax.html


 

 

 

$.ajax的應用 title><p>  <script type="text/javascript" language="javascript" src="./js/jquery.js"></script></p> <p>  <script type="text/javascript" language="javascript"></script></p> <p>  $(document).ready(function(){</p> <p>    $('#bot_1').click(function(){</p> <p>      $.post('ajax.php',{web:"      $.post('ajax.php',{web:"my function(data,st){$("div").html(data);})</p> <p>    })</p> <p>  })</p> <p>  </p> <p>  .ajax的應用</p> <p>  </p> <center><div>這是需要顯示的地方</div></center> <p>  </p> <center><button id="bot_1">點我吧</button></center> <p>  </p> <p>  ================================== =============================</p>  ajax.php<p><br></p> <p><br>  <?php </p></p> <p>  echo '您要造訪的網站是'.$_POST['web'];</p> <p>  ?></p> <p> 以上就是jquery如何實現ajax技術2:$.post()的內容,更多相關內容請關注PHP中文網(www.php.cn) ! </p> <p></p> <p></p>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板