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

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

黄舟
發布: 2016-12-21 15:42:14
原創
1062 人瀏覽過

ajax技術在web開發中是非常重要的。在早期的js中如果需要完成非同步傳輸的效果,需要判斷瀏覽器、虛擬存取檔案、監控、取得回傳值等一系列非常繁瑣的操作。但在jQuery中,為我們提供了非常簡單的幾個函數,讓我們輕鬆實現ajax的功能。在接下來的幾篇文章中,我們將一一介紹這些函數。
  首先,我們下來介紹$.ajax。此方法是 jQuery 底層 AJAX 實作。
  通常的語法為:
  $.ajax([settings])//settings是$.ajax()方法的參數,是用來設定 Ajax 請求的鍵值對集合。
  下面我們一一介紹一些$.ajax()中比較重要的幾個參數
  url---發送請求的地址
  type---請求方式("POST" 或"GET")
  timeout---設定請求超時時間(毫秒)
  async---(預設: true) 非同步請求。
  Data---傳送的參數可以是json類型
  dataType---傳回的資料類型:xml,html,json,txt
  success---成功後可以回傳function(data,st){}
 } 實際範例如下:
  ================================================ ================
  ajax.html

 

 

 

$.ajax的應用

 

 

  $(document). ready(function(){

    $('#bot_1').click(function(){

      $.ajax({

       $.        url: "ajax.php",

                data : {web:"mysql100"},

                success:function(data, st){$("div").html(data);}

})

script>

$.ajax的應用

這是需要顯示的地方

  =================== ===============================================

  ajax .php

 

  echo '您要造訪的網站是'.$_POST['web'];

  ?>

 以上就是jquery如何實現ajax技術1:$.ajax()的內容,更多相關內容請關注PHP中文網(www.php.cn)! 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板