Ajax相關介紹

ajax是什么?

AJAX 是與服務器交換數據并更新部分網頁的藝術,在不重新加載整個頁面的情況下

AJAX 指異步 JavaScript 及 XML(Asynchronous JavaScript And XML)。

AJAX 是一種在 2005 年由 Google 推廣開來的編程模式。

AJAX 不是一種新的編程語言,而是一種使用現有標準的新方法。

通過 AJAX,你可以創建更好、更快以及更友好的 WEB 應用程序。

AJAX 基于 JavaScript 和 HTTP 請求(HTTP requests)。

通過 HTTP 請求加載遠程數據

jQuery 底層對 AJAX 實現進行了封裝.使得我們在進行ajax操作時,不必像原生js中那么復雜

$.get, $.post, $.ajax() 返回其創建的 XMLHttpRequest 對象。多數情況下我們不需要去操作返回的對象

如何使用ajax技術?

首先你得有web服務器,能夠通過瀏覽器去執行你的html和你的python
注意一點:我們平常寫的html,直接在瀏覽器打開時 使用的是file協議
而ajax是基于HTTP請求的,所以要求你的html能夠使用http的協議打開
如果你能做到用http協議去打開你的html并且能夠正常顯示的話,就代表你的web服務器搭建成功

$.get() 方法:

//發送ajax請求 1.url  2.可選 發送get請求時攜帶的參數  ,3,可選 回調函數,請求完之后做什么事  4,可選,返回的數據類型 json

KaTeX parse error: Expected '}', got '&' at position 11: .get(url,{&?#x8BF7;求….post()

$.post(url,{請求的參數},function(data){},'json')

$.ajax()

$.ajax({url:'/cgi-bin/5.py',//當前請求的url地址type:'get',//當前請求的方式 get  postdata:{id:100,username:'zhangsan'},//請求時發送的參數dataType:'json',//返回的數據類型success:function(data){//ajax請求成功后執行的代碼console.log(data);},error:function(){//ajax執行失敗后執行的代碼alert('ajax執行錯誤');},timeout:2000,//設置當前請求的超時時間  毫秒,必須時異步請求才會生效async:true// 是否異步  true為異步  false 同步
})

ajax異步 同步

//設置ajax的全局配置  async:false 設置當前請求為同步
$.ajaxSetup({async:false
})關于ajax中 異步 和 同步 ajax默認就是異步請求,async (默認: true) 默認設置下,所有請求均為異步請求。
如果需要發送同步請求,請將此選項設置為 false。同步請求,就發ajax請求發出去后必須等待ajax的結果返回后才能繼續往下執行一般情況下都使用異步操作就可以,除非有特殊情況,必須等ajax的結果回來后才能做處理的,就用同步

注意

1.ajax是無刷新請求服務器,所以我們在瀏覽器中是感覺不到,也看不到ajax的具體請求和執行情況的.,因此我們需要借助瀏覽器的調試工具 (F12打開) 進行查看2.ajax的請求是基礎HTTP協議的,就要求你當前打開這個帶有ajax的html時必須使用http協議3.ajax要求同源策略http://127.0.0.1:8000/cgi-bin/1.py即: 協議(http https)  域名或IP 以及端口(80 443 8000 8080 ...)都必須一致4.關于返回的數據類型 在get() post() ajax() 都可以設置返回的數據類型 'json'如果要求返回json格式數據,那么就必須返回json,如果不正確,在get和post方法將拿不到data中返回的數據,在ajax方法中則會進去error方法5.在python中返回json格式數據,引入 json模塊json.dumps(數據)  使用json_dumps方法進行json格式的編碼轉換6.在使用ajax方法時.會創建一個對象 XMLHttpRequest那么在ajax的方法中使用的 $(this) 就代表 ajax的對象$(this) 永遠代表一個對象,沒有指明對象時 代表的時window對象,在它有對象時 代表的就是當前的這個對象

了解json格式數據

json是 JavaScript Object Notation 的首字母縮寫,單詞的意思是javascript對象表示法,這里說的json指的是類似于javascript對象的一種數據格式,目前這種數據格式比較流行,逐漸替換掉了傳統的xml數據格式。

javascript對象字面量:

var tom = {name:'tom',age:18
}

json格式的數據:

{"name":'tom',"age":18
}

與json對象不同的是,json數據格式的屬性名稱需要用雙引號引起來,用單引號或者不用引號會導致讀取數據錯誤。

json的另外一個數據格式是數組,和javascript中的數組字面量相同。

['tom',18,'programmer']

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/455831.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/455831.shtml
英文地址,請注明出處:http://en.pswp.cn/news/455831.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

解決Ubuntu中文件管理器死掉的情況

有時會遇到Ubuntu文件管理器死掉的情況,怎么點擊都沒有反應,這時只需在終端上運行 ps -A | grep nautilus, 查找文件管理器nautilus對應的pid,然后sudokillpid就可以關閉文件管理器進程,隨便點擊一個文件夾就可以重啟文件管理器了…

element table 怎么知道點擊的是第幾行_el-data-table, 讓CRUD更簡單??

基于Vue2.x, element-ui 2.x,以及開源組件el-form-renderer封裝了一個業務組件el-data-table,已在github開源,其目標是:makes restful api crud easily 特點:1. 使用axios自動發送請求2.自帶新增/修改/刪除邏輯(默認新…

Win10無法使用小娜搜索本地應用問題的解決方案

小娜介紹 win10的Cortana小娜是一個功能非常強大的語音和搜索助手,用戶可以通過小娜助手搜索任意的文件和應用軟件,不過有用戶發現win10的小娜搜索不到已安裝的本地軟件,那么win10小娜助手無法搜索本地應用怎么解決呢?下面小編教大…

樣本量

sklearn實戰-乳腺癌細胞數據挖掘(博客主親自錄制視頻教程) https://study.163.com/course/introduction.htm?courseId1005269003&utm_campaigncommission&utm_sourcecp-400000000398149&utm_mediumshare 根據power,effect size,a,決定樣本量 # -*- cod…

【Python】 dict 以key名 去重運算

將日期相同的數據統計在一起 a_count [ {create_time: 2020-03-05, total_len: 1, count_invite: 1}, {create_time: 2020-03-11, total_len: 2, count_invite: 2}, {create_time: 2020-03-18, total_len: 2, count_invite: 2}, {create_time: 2020-03-06, total_len: 1, …

Vue相關知識總結

Vue簡介 Vue是js的一個庫,類似于JQuery Vue當前版本已經發展到2.X版本,并且現在市面上基本使用的都是2.X版本. 現在一些知名的互聯網公司,例如滴滴,美團等,都在大量的使用vue 本段內容主要講解Vue的基本知識和指令,了解vue的基本概念 注意: Vue 不支持 IE8 及以下版本 vue中…

宏塊幀內預測的具體過程

對一個宏塊進行幀內預測的具體過程如下: (1)對于8x8色度塊就選擇一種幀內色度預測模式建立相應的幀內預測塊; (2)按遍歷的方法分別計算4種Intra_16x16幀內預測模式的代價(Rdcost16x16&#xf…

qt獲得 cpu 主頻信息_高主頻有什么用?我們玩了幾款3A大作找到答案

[PConline 雜談]對于熱愛游戲的人來說,能在極致特效下流暢運行喜歡的游戲是一件幸事,因此作為影響游戲運算的CPU重要性不容小視。CPU如何判定?眾所周知,核心數和主頻算是判定一個CPU好壞的主要依據,但大多數CPU產品在高…

解決:關于Git無法提交 index.lock File exists的問題

問題 今天提交代碼時,在一次提交,莫名其妙沒成功后,再次用git commit -a命令時,出現以下錯誤,無論是用git還是TortoiseGit等其他客戶端都會出現以下這個問題。。 錯誤日志 $ git commit -a fatal: Unable to create …

span居中

在父元素中加style"text-align:center"; 比如下面這樣 <head></head><body><div style"width:300px;border:1px red solid;text-align:center;"><span style"width:100px;">測試</span></div></bo…

打造自己的 APP「冰與火百科」(一):分析定位

回想自己最開始學習 Android 的動力&#xff0c;其實很簡單&#xff0c;就是想在手機上看到自己設計的 APP。但是在工作后&#xff0c;一直做的都是「別人」的 APP&#xff0c;偶爾還要做一些自己不太認可的設計和交互&#xff0c;從中獲取到的成就感還不及第一次在手機上看到「…

python爬取有道翻譯

python爬蟲爬取有道翻譯教程 編寫環境 為了寶寶們能夠正確讀懂本教程,在正式開始前,寶寶們需要搭建的環境如下: 連接互聯網的win10電腦,(win7也可以)Google瀏覽器(版本無要求)Python(版本3就可以了),如果沒有安裝的小伙伴可以參考python安裝以及版本檢測requests庫(版本沒啥…

PartitionMotionSearch()

Outline: 1、 CFG文件中有關多參考幀的相關選項 2、 多參考幀涉及到的數據結構和全局變量 3、 保存重建圖像為參考幀 4、 編碼一幀前&#xff0c;設置參考幀列表 5、 多參考幀的使用&#xff08;即參考幀的選擇策略問題&#xff09; 6、 遺留問題 1、CFG文件中有關多參考…

bat 發送post請求_get post 請求

HTTP是一個基于TCP/IP來傳遞數據的通信協議。1.GET和POST請求的區別&#xff1f;a: GET/POST本質上都是TCP鏈接&#xff0c;GET傳body和POST拼參數&#xff0c;理論上都是可行的。b: 實際上HTTP協議對URL長度是沒有限制的&#xff1b;限制URL長度大多數是瀏覽器或者服務器的配置…

Safengine Android so加密

公司讓我找一個可以對android&#xff0c;嵌入式和Linux x86平臺的so庫進行加密的工具&#xff0c;我看搞了兩天這個工具&#xff0c;反正也沒用上&#xff0c;就把教程發出來了 下載地址&#xff1a;http://www.safengine.com/mobile/download.html 使用方法&#xff1a; 我使…

boltdb 學習和實踐

golang boltdb的學習和實踐 1. 安裝 go get github.com/boltdb/bolt 2.創建和啟動數據庫 db, err : bolt.Open("my.db", 0600, nil) 其中open的第一個參數為路徑,如果數據庫不存在則會創建名為my.db的數據庫&#xff0c; 第二個為文件操作&#xff0c;第三個參數是可…

【django】使用django-crontab執行django自定義指令

django-crontab 部署 需求&#xff1a;再指定的時間內輸入django的自定義指令&#xff0c;來進行一些需求的操作。 使用流程: 1.安裝&#xff1a; pip install django-crontab 2.配置 settings.py文件: 再settings.py 文件中添加 django-crontab: INSTALLED_APPS (...django…

濾波問題匯總

1。A:JM86里面,GetStrength這個函數中下面這個數組有什么作用呢??byte BLK_NUM[2][4][4] {{{0,4,8,12},{1,5,9,13},{2,6,10,14},{3,7,11,15}},{{0,1,2,3},{4,5,6,7},{8,9,10,11},{12,13,14,15}}} ;blk_y (mb_y<<2) (blkQ >> 2) ;blk_x (mb_x<<2)…

redis基本類型和使用

redis存儲數據的基本類型有&#xff1a;string&#xff08;字符串類型&#xff09;、hash&#xff08;散列類型&#xff09;、list&#xff08;列表類型&#xff09;、set&#xff08;集合類型&#xff09;、zset&#xff08;有序集合類型&#xff09;。 依次做一些練習。redis…

Python與MySQL數據庫連接

Python3 MySQL 數據庫連接 MySQL 可應用于多種語言&#xff0c;包括 PERL, C, C, JAVA 和 PHP 什么是 PyMySQL&#xff1f; PyMySQL 是在 Python3.x 版本中用于連接 MySQL 服務器的一個庫&#xff0c;Python2中則使用mysqldb。 PyMySQL 遵循 Python 數據庫 API v2.0 規范&a…