Jquery中ajax的使用

聲明:本欄目所使用的素材都是凱哥學堂VIP學員所寫,學員有權匿名,對文章有最終解釋權;凱哥學堂旨在促進VIP學員互相學習的基礎上公開筆記。

Jquery包裝的ajax操作如下:

$get $post 操作都是一樣的 就是名字不一樣而已!

Url 就是你的訪問的地址

Data 就是你表單的數據

Function 回調函數 就是等你請求完畢把返回的數據給這個函數!

DataTypoe 數據類型 如果你服務器上面沒有寫返回類型 那么你就要寫這個參數了! 返回的是json類型你就寫上 json text xml

a表示是服務器反饋過來的數據 如果服務器返回是json 那么這個a就是json對象 如果是String 那么這個a就是String類型 b表示這次訪問服務器是否成功 success 表示本次訪問服務器成功! 他還有第三個參數 jqXHR 就是XMLHttpRequest 對象

參數收集這可能有點麻煩 如果你表單上面有100個數據 那你就得寫100個 很麻煩 有一種專門收集表單數據的 叫序列化 你把這里面面的js復制到你本地的一個js文件就可以了 下載地址:

https://cdn.bootcss.com/jquery.serializeJSON/2.8.1/jquery.serializejson.min.js

把這個文件下載下來之后 把她引入到鎖你的頁面上面 記住 引入必須要寫在 jquery下面 意思就是先引jqurey之后在引入他!

引入之后入下圖 記住 你表單的name 必須要寫上!!!!! 然后提交的時候把當前對象參數傳給方法 拿到這個當前對象就可以提交了

返回json例題如下圖:

Ajax 的請求操作

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • ajax使用 創建一個xhr對象var xhr=new XMLHttpRequest(); 請求過程中readyS...
    likeli閱讀 494評論 1 2
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,969評論 19 139
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進階之旅閱讀 114,830評論 24 450
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,379評論 0 2
  • (本文參加第28屆柏林園征文,所有內容均為本人原創”。) 一直都很喜歡在原野上看呼嘯的列車,尤其是夜晚的客...
    2020洱海蒼山閱讀 1,696評論 5 142