1. 程式人生 > >原生的js寫Ajax請求

原生的js寫Ajax請求

js Ajax

1:界面

界面就一個按鈕 和一個用來顯示服務器返回來的數據的div

技術分享圖片


2:js實現Ajax

註意:我這裏在創建XMLHttpRequest對象,沒有用兼容性寫法。實際中,需要用兼容性寫法。

7步完成 第8步,如果需要處理數據,就處理數據。

技術分享圖片

3:後臺的數據是 json格式的數據 ,是一個數組。

技術分享圖片

4:效果

點擊按鈕出現如下效果,並且頁面不會刷新。

技術分享圖片

原生的js寫Ajax請求