2021年7月25日 星期日

ajax 基本語法說明

$.ajax({

    type: "GET", 
    //代表資料傳送的方式是用GET,也可以改成POST。
    
    url: "/path/function.php",
    //代表要在背後執行接收的網頁程式的路徑。
    
    cache:false,
    //不使用瀏覽器的快取
    
    async:false,
    //非同步的選項,如果為false,瀏覽器會停止任何其他的呼叫,免得擾亂現在的呼叫,改成true則反之。

    data:"var1=var1&var2=var2",
    //要傳遞的變數與變數值,此處是物件與值對應的方式,如果值是一個陣列,可以寫成這樣
    //如{some:["var1","var2"]},就會變成some=var1&some=var2

    processData:false,
    //將原本不是xml時會自動將所發送的data轉成字串(String)的功能關掉

    datatype: "script",
    //伺服器端傳回來的資料型態,
    //如果沒有指定,jQuery會自動依照其MIME
    //(https://developer.mozilla.org/zh-TW/docs/Web/HTTP/Basics_of_HTTP/MIME_types)來回應。
    //可以用的型態有:
    //  xml:回應一個xml格式的文件
    //  html:回應一個html文件,包含所有html語法的標籤
    //  script:執行指定的javascript,並將結果以純文字的格式回傳
    //  json:回應一個javascript物件並內含JSON的格式
    //  jsonp:以JSONP的格式回應
    //  text:以純文字的格式回傳

    success:function(){
   	 //成功的時候,要執行的功能
    },

    beforeSend:function(){
  	  //在發送前執行某些功能
    },

    complete:function(){
   	 //在完成時執行的功能
    },

    error:function(){
      //執行失敗要執行的function,而且必需在此function中傳送三個參數
      //XMLHttpRequest的物件
      //一個描述失敗原因的字串
      //一個錯誤例外處理的物件
    },

    global:true,
    //決定是否啟動一些全域的Ajax功能,內定值是true

    ifModified:false,
    //當提出請求時將檢視資料自從上次被請求之後是否被更新過,只有更新過才會執行

	jsonp:設定jsonp資料返回時解讀的功能function

	timeout:單獨項請求設定的逾時時間(單位為微秒)
});

相關文章

//原文出處:https://blog.xuite.net/kb8.gyes/free/25002288