日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js发送get、post请求的方法简介

發布時間:2024/1/23 编程问答 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js发送get、post请求的方法简介 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

POST請求:

? ? 發送的參數格式不同,請求頭設置不同,具體參照:?Http請求中請求頭Content-Type講解

? ? 發送的參數格式不同,后臺獲取方式也不相同 php請看?php獲取POST數據的三種方法

一、使用XMLHttpRequest

? ?主要分三步:

? ? ? ? 第一步:創建需要的對象,這里主要用到的是XMLHttpRequest,注意需要考慮早期的IE;

? ? ? ? 第二步:連接和發送;

? ? ? ? 第三步: 接收;

GET請求:

var httpRequest = new XMLHttpRequest(); //第一步:建立所需的對象 httpRequest.open('GET', 'url', true); //第二步: 打開鏈接 將請求參數寫在url中 ps:"./Ptest.php?name=test&nameone=testone" httpRequest.send(); //第三步: 發送請求 將請求參數寫在URL中 /*** 獲取數據后的處理程序*/ httpRequest.onreadystatechange = function() {if (httpRequest.readyState == 4 && httpRequest.status == 200) {var json = httpRequest.responseText; //獲取到json字符串,還需解析console.log(json);} };

POST請求:

var httpRequest = new XMLHttpRequest(); //第一步: 創建需要的對象 httpRequest.open('POST', 'url', true); //第二步: 打開鏈接 httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded") httpRequest.send('name=teswe&ee=ef'); //發送請求 將請求頭體寫在send中 /** 獲取數據后的處理程序*/ httpRequest.onreadystatechange = function() { //請求后的回調接口,可將請求成功后要執行的程序寫在其中if (httpRequest.readyState == 4 && httpRequest.status == 200) { //驗證請求是否發送成功var json = httpRequest.responseText; //獲取到服務端返回的數據console.log(json);} };

post方式發送json

var httpRequest = new XMLHttpRequest(); // 第一步: 創建需要的對象 httpRequest.open('POST', 'url', true); //第二步: 打開鏈接/**發送json格式文件設置請求頭; 如下 -*/ httpRequest.setRequestHeader("Content-type", "application/json"); //設置請求頭 注: post方式必須設置請求頭(在建立連接后設置請求頭) var obj = { name: 'zhansgan', age: 18 }; httpRequest.send(JSON.stringify(obj)); //發送請求 將json寫入send中 /*** 獲取數據后的處理程序*/ httpRequest.onreadystatechange = function() { //請求后的回調接口,可將請求成功后要執行的程序寫在其中if (httpRequest.readyState == 4 && httpRequest.status == 200) { //驗證請求是否發送成功var json = httpRequest.responseText; //獲取到服務端返回的數據console.log(json);} };

?

總結

以上是生活随笔為你收集整理的js发送get、post请求的方法简介的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。