ajax的使用及資料的獲取

2021-07-24 13:08:25 字數 1094 閱讀 6886

在寫ajax之前,先複習一下form表單。首先form表單的主要功能是用來向服務端提交資料的,其屬性有action,method,enctype,等。

1,action屬性:是提交的路徑(伺服器的路徑)uri.(url統一資源定位,uri專案內部的資源定位);

2,method屬性:其屬性值主要有兩個「post」和「get」,是form表單提交的傳輸方式。其中「post」和「get」的區別有如下四點:(1),「post」提交時,位址列不會顯示提交上的資料資訊及內容,而「get」提交時會在位址列顯示我們所提交資料的鍵值對。(2),「post」的提交量最大無上限,「get」的最大提交量3k.(3),在我們提交的資料中有中文時要用「post」提交,用「get」提交會產生亂碼。(4),在檔案上傳時一定要用「post」。

3,enctype屬性:multiport/form-data。此屬性用於檔案上傳時,一般是在有需要檔案上傳的時候再回新增此屬性。

另外,在進行表單驗證時,一定用onsubmit。

使用ajax四部曲:

第一步:xmlhttprequest 物件用於和伺服器交換資料。

var xhr=new xmlhttprequest();//ie6及以下的版本需要做相容

第二步:將請求傳送到伺服器,我們使用 xmlhttprequest 物件的 open() 方法。

xhr.open(method,url,async);//規定請求的型別、url 以及是否非同步處理請求。

open()方法有三個引數,method代表html的請求方式:get和pos。第二個引數是要訪問的url。第三個引數表示是否非同步,是布林值true(非同步)或 false(同步)。

第三步:http的請求監聽狀態,有5個狀態。

<1>[0]請求初始化。<2>[1]請求已提交。<3>[2]請求已傳送。<4>[3]請求處理中。<5>[4]請求已完成。

xhr.onreadystatechange=function(){

if(xhr.status==200&&xhr.readystate==4){

alert(reponsetext);//表示接收的字串型別

第四部:xhr.send();

ajax的資料獲取:

通過字串獲取:

ajax 資料的獲取

responsetext ajax請求返回的內容就被存放到這個屬性下面 readystate屬性 請求狀態 0 初始化 還沒呼叫open 方法 1 載入 已呼叫send 方法,正在傳送請求 2 載入完成 send 方法完成,已收到全部響應內容 3 解析 正在解析響應內容 4 完成 響應內容解析完成,...

使用爬蟲獲取ajax資料

簡單修改了一下url 可以獲取到前100條資料 from urllib import request import json class doubanmoviespide 豆瓣電影劇情片排行榜 def init self self.url self.headers defload page self...

ajax的基本使用及封裝

ajax流程 建立ajax物件 1.傳送請求 傳送請求位址 傳送請求的方式 2.傳送資料 3.設定監聽事件,監聽後端是否返回資料 4.處理資料 get請求 建立ajax物件 設定請求的路徑和方法,get post get 表單提交的資料會拼接到請求的路徑裡,效率高 post 會將表單的資料放置到請求...