AJAX的封裝和提交方式

2021-09-10 16:23:57 字數 1003 閱讀 6886

一、什麼是ajax

ajax是一種技術,是用來進行前後端互動的技術。他可以非同步的運輸資料。可以節省非同步的操作、時間、提高使用者的體驗、減少資料請求、傳輸資料請求。

非同步:非堵塞,前面乙個程式是否執行完畢,不影響後面的程式的執行。

同步:阻塞,前面的程式執行完畢以後,後面的程式才能執行。

帶格式的字串分兩種:

1.xml格式

2.json格式

因為在瀏覽器中有相容性

ie6以下相容activexobject(「microsoft.xmlhttp」)

相容**如下:

用來除錯的乙個語句

trycatch(error)

try_throw_catch

catch 用來捕獲異常

throw 手動丟擲異常

trycatch(error)

示例**

事件函式

readystatechange 事件,當readystate的值發生變化的時候,觸發事件,執行這個事件對應的處理函式。

readystate

0 沒有呼叫open方法的時候

1 呼叫完send方法之後是1

2 send已經完成,接收到響應內容

3 正在解析響應的內容

4 解析資料完成

二、ajax的提交方式

1.表單的get請求:

action 填寫跳轉到的位址

method 傳送資料的方式

get 預設是get

【注】get請求是通過將所傳輸的資料,直接通過?,鍵值對的形式拼接在url後面,進行傳輸的。

缺點:1、不安全

2、不能上傳 上限 2kb

**:

**如下:

ajax方式提交form

思路 1.建立乙個iframe if window.activexobject else if typeof uri string else io.style.position absolute io.style.top 1000px io.style.left 1000px 2.將form的tar...

form表單提交轉為ajax方式提交

要轉為ajax方式提交,需要做以下幾個改變 1.將form元素的屬性action和method去掉,新增id myform form元素就變為 2.將提交按鈕的button的type submit 改為type button 3.在js檔案中寫入 function 這樣,就可以愉快地將form表單提...

form表單提交轉為ajax方式提交

在做專案的過程中遇到要將form表單提交轉為ajax方式提交,下面是我總結的如何把form表單提交無縫轉為ajax方式提交的方法。action的值是請求的url位址 for name 姓名 for jobnumber 工號 for nation 民族 for gender 性別 close 提交fo...