生活随笔
收集整理的這篇文章主要介紹了
html原生js请求
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
html：
原生js，ajax請求
demo
POST請求
GET請求
<script type="text/javascript">//post請求document.querySelector(".postbtn").οnclick= function(){var xmlhttp = new XMLHttpRequest();var obj = {name: 'zhansgan',age: 18};xmlhttp.open("POST", "http://192.168.1.200:8080/php/test.php", true);xmlhttp.setRequestHeader("token","header-token-value"); // 可以定義請求頭帶給后端xmlhttp.setRequestHeader("dingyi","header-dingyi-value");xmlhttp.send(JSON.stringify(obj)); // 要發送的參數，要轉化為json字符串發送給后端，后端就會接受到json對象// readyState == 4 為請求完成，status == 200為請求陳宮返回的狀態xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState == 4 && xmlhttp.status == 200){console.log(xmlhttp.responseText);}}};//get請求document.querySelector(".getbtn").οnclick= function(){var xmlhttp = new XMLHttpRequest();// get方法帶參數是將參數寫在url里面傳過去給后端xmlhttp.open("GET", "http://192.168.1.200:8080/php/test.php?name='zhansgang'&age=12", true);xmlhttp.setRequestHeader("token","header-token-value");xmlhttp.setRequestHeader("dingyi","header-dingyi-value");xmlhttp.send();// readyState == 4 為請求完成，status == 200為請求陳宮返回的狀態xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState == 4 && xmlhttp.status == 200){console.log(xmlhttp.responseText);}}};
</script>
總結
以上是生活随笔為你收集整理的html原生js请求的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
