91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Jquery的Ajax使用方法有哪些

發布時間:2022-03-05 10:35:22 來源:億速云 閱讀:153 作者:iii 欄目:web開發

本文小編為大家詳細介紹“Jquery的Ajax使用方法有哪些”,內容詳細,步驟清晰,細節處理妥當,希望這篇“Jquery的Ajax使用方法有哪些”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

  Jquery的Ajax技術(重點)

  jquery是一個優秀的js框架,自然對js原生的ajax進行了封裝,封裝后的ajax的操作方法更簡潔,功能更強大,與ajax操作相關的jquery方法有如下幾種,但開發中經常使用的有三種:

  1)$.get(url, [data], [callback], [type])

  2)$.post(url, [data], [callback], [type])

  區別:get有字節碼亂碼問題,post無字節碼亂碼問題(獲取請求頁面數據到后臺,后臺response.setContextType(“text/html;charset=UTF-8”)響應亂碼問題還與原來一樣)

  其中:

  url:代表請求的服務器端地址

  data:代表請求服務器端的數據(可以是key=value形式也可以是json格式)

  callback:表示服務器端成功響應所觸發的函數(只有正常成功返回才執行)

  type:表示服務器端返回的數據類型(jquery會根據指定的類型自動類型轉換)常用的返回類型:text、json、html等

  如果type為json,并且服務器端返回的就是json格式字符串jq內部會幫我們自動轉化,在回調函數中獲取的實參就是轉化完成的js對象直接使用即可。

  參數的順序可更換的,但是如果把data放在后面會出現無法傳遞數據的問題,所以不要擅自更換嚴格按照jq文檔中的順序進行使用。

  function get(){

  $.get(

  "/web22-ajax/ajaxServlet2",//url

  {"name":"muzidigbig","age":22},//請求參數,json的數據格式

  function(data){//請求成功后返回過來的參數

  alert(data.name+data.age);

  },

  "json"

  );

  };

  //java只能是java代碼,前端頁面的代碼只能轉換成json對象

  response.getWriter().write("{\"name\":\"muzi\",\"age\":22}");

  3)$.ajax( { option1:value1,option2:value2... } ); (重要)

  常用的option有如下:

  async:是否異步,默認是true代表異步

  url:請求服務器端地址

  type:請求方式,POST/GET(不寫默認get)

  data:發送到服務器的參數,建議使用json格式

  success:成功響應執行的函數,對應的類型是function類型,請求成功后獲得的值會自動封裝在這個函數的第一個參數中

  error:失敗響應執行的函數,對應的類型是function類型

  dataType:服務器端返回的數據類型,常用text和json

  beforeSend:function (argument) {},// 在發送請求之前調用,可以做一些驗證之類的處理如果返回false可以取消本次ajax請求。

  發送請求

  $('button').click(function () {

  $.ajax({

  async:true,

  url:"向后臺地址發送請求",

  type:'post',//請求的方式

  data:{'name':'muzidigbig','age':'20'},//請求的數據

  success:function (backdata) {//請求成功后返回的數據會封裝在回調函數的第一個參數中

  //通過backdata來獲取所需要的數據

  alert(backdata.name+backdata.age);

  },

  error:function () {//響應不成功時返回的函數

  console.log('請求失敗!')

  },

  dataType:'json'//設置返回的數據類型

  })

  });

讀到這里,這篇“Jquery的Ajax使用方法有哪些”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

凭祥市| 应城市| 肃宁县| 大足县| 安岳县| 盐亭县| 东宁县| 密云县| 姚安县| 丽水市| 宣化县| 潼南县| 陇西县| 兰西县| 临清市| 环江| 哈尔滨市| 马鞍山市| 尼玛县| 图木舒克市| 明水县| 阜阳市| 南昌市| 黄梅县| 鹿邑县| 集贤县| 济南市| 海安县| 博客| 类乌齐县| 肥城市| 五常市| 水城县| 大方县| 肇东市| 施秉县| 三门县| 中山市| 同心县| 扬中市| 烟台市|