如何在js中寫ajax?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
創(chuàng)新互聯(lián)網(wǎng)站建設提供從項目策劃、軟件開發(fā),軟件安全維護、網(wǎng)站優(yōu)化(SEO)、網(wǎng)站分析、效果評估等整套的建站服務,主營業(yè)務為成都網(wǎng)站建設、網(wǎng)站設計,重慶APP開發(fā)以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。創(chuàng)新互聯(lián)深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
在JavaScript中使用ajax有兩個作用:
1.讓js去讀服務器上面的數(shù)據(jù).
2.無刷新的情況下讀取服務器上面的數(shù)據(jù),例如:驗證賬號和密碼是否正確等.
對于網(wǎng)絡請求我們知道有Get 和Post兩種,它們之間的區(qū)別是什么呢?
get方式:常見的表單提交方式:將值在url后面提交;?名字=值&名字=值格.
提交表單例子:
<form action="www.baidu.com " method="get" (默認是get方式)> 姓名:<input type="text" name="userName"></br> 密碼:<input type="password" name="password"> <input type="submit" value="提交"> </from>
區(qū)別:
1.get方式是通過網(wǎng)址進行傳遞數(shù)據(jù)的,post是通過http中Content進行傳遞的.
2.get容量小,不適合傳遞大數(shù)據(jù),(一般4k-10k),post方式容量相對大很多,一般服務器可以達到2G容量.
3.對于太大的文件,就不會走post,走控件.
4.get方式安全性差,post相對來說會好一點,一幫安全只能走https.
5.get方式是有緩存的,post沒有緩存. get更適合向服務器獲取數(shù)據(jù),post更適合向服務器傳遞數(shù)據(jù),
在JS中AJAX的兩種寫法:
GET方式:
var ajaxObj=new XMLHttpRequest(); ajaxObj.open("GET","../php/ajaxSubmitData.php?data=tody is wind"); ajaxObj.send() ajaxObj.onreadystatechange= function () { if(ajaxObj.readyState===4&&ajaxObj.status){ alert("發(fā)送成功"); } }
POST方式:
var ajaxObj=new XMLHttpRequest(); ajaxObj.open("POST","../PHP/ajaxSubmitData.php"); ajaxObj.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // multipart/form-data 默認的以二進制方式傳送 ajaxObj.send("data=我是post數(shù)據(jù)"); ajaxObj.onreadystatechange= function () if(ajaxObj.readyState===4&&ajaxObj.status===200){ alert("發(fā)送數(shù)據(jù)成功"); } }
ajax獲取從服務器返回的數(shù)據(jù)是 ajaxObj.responseText獲取
ajax 給服務器發(fā)送數(shù)據(jù): get post
get: url重寫(拼接) ---- 數(shù)據(jù)量小 簡單數(shù)據(jù) 不安全
post:send(數(shù)據(jù)) 請求體(頁面看不到) 數(shù)據(jù)量大 簡單或復雜數(shù)據(jù) 安全
application/x-www-form-urlencoded表示表單默認以字符串的形式發(fā)送
multipart/form-data 表單數(shù)據(jù)以二進制流的方式發(fā)送
ajaxObj.setRequestHeader其實就是修改請求頭(請求報文)里面的額Content-type值
關于如何在js中寫ajax問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。
名稱欄目:如何在js中寫ajax
標題URL:http://jinyejixie.com/article30/jjppso.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、關鍵詞優(yōu)化、網(wǎng)頁設計公司、品牌網(wǎng)站設計、靜態(tài)網(wǎng)站、云服務器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)