js中怎麼寫ajax

在JavaScript中使用ajax有兩個作用：

1.讓js去讀伺服器上面的資料.

2.無刷新的情況下讀取伺服器上面的資料,例如:驗證帳號和密碼是否正確等.

對於網路請求我們知道有Get 和Post兩種，它們之間的差別是什麼呢？

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>

區別: 

     1.get方式是透過網址傳遞資料的,post是透過http中Content傳遞的.

     2.get容量小,不適合傳遞大數據,(一般4k-10k),post方式容量相對大很多,一般伺服器可以達到2G容量.

     3.對於太大的檔案,就不會走post,走控制.

     4.get方式安全性差,post相對來說會好一點,一幫安全只能走https.

     5.get方式是有快取的,post沒有快取. get更適合向伺服器取得資料,post較適合傳遞資料至伺服器,

在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("发送成功");    
    }
}

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数据");
ajaxObj.onreadystatechange= function ()
if(ajaxObj.readyState===4&&ajaxObj.status===200){
alert("发送数据成功");
}
}

ajax取得從伺服器傳回的資料是ajaxObj.responseText取得

ajax 給伺服器傳送資料: get post

get: url重寫(拼接) ---- 資料量小簡單資料不安全

post:send(資料) 請求體(頁面看不到) 資料量大簡單或複雜資料安全性

application/x-www-form-urlencoded表示表單預設以字串的形式傳送

multipart/form-data 表單資料以二進位流的方式傳送

ajaxObj.setRequestHeader其實就是修改請求標頭(請求封包)裡面的額Content-type值

以上是js中怎麼寫ajax的詳細內容。更多資訊請關注PHP中文網其他相關文章！