JS和PHP中都有get操作,可以獲取數據或者將數據傳遞給服務器,這是前后端交互常用的方法之一。下面我們就來詳細了解一下JS和PHP中的get操作。
JS中的GET方法
在JS中,可以通過XMLHttpRequest對象來發送GET請求,如下所示:
var xhr = new XMLHttpRequest(); xhr.open('GET', '/api/getUserInfo?id=123', true); xhr.onreadystatechange = function () { if(xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText); } } xhr.send(null);
在上述代碼中,我們通過XMLHttpRequest發送了一個GET請求,請求的URL是'/api/getUserInfo?id=123'。其中,id=123是請求所附帶的參數。我們可以看到,在請求返回成功后,我們輸出了responseText,這是服務器返回的數據。
除了XMLHttpRequest,我們還可以使用jQuery中的$.get方法來發送GET請求:
$.get('/api/getUserInfo', {id: 123}, function (data) { console.log(data); });
在上述代碼中,我們使用了$.get方法來發送GET請求,請求的URL是'/api/getUserInfo',同時我們傳入了參數{id: 123}。在請求返回成功后,我們輸出了data,這是服務器返回的數據。
PHP中的GET方法
在PHP中,我們可以通過$_GET數組來獲取GET請求中所帶的參數,如下所示:
$id = $_GET['id']; echo "id=".$id;
在上述代碼中,我們獲取了GET請求中id參數的值,并將其輸出到頁面上。
除了獲取GET請求中的參數,我們還可以用PHP來構造GET請求,如下所示:
$url = 'http://www.example.com/api/getUserInfo'; $params = ['id' =>123]; $url .= '?' . http_build_query($params); $data = file_get_contents($url); echo $data;
在上述代碼中,我們構造了一個GET請求,請求的URL是'http://www.example.com/api/getUserInfo',同時我們傳入了參數{id: 123}。在請求返回成功后,我們將服務器返回的數據輸出到頁面上。
小結
可以看出,在JS和PHP中,GET方法都是非常常見的操作,可以方便的進行前后端交互。無論是獲取GET請求中的參數還是構造GET請求,都非常簡單,這讓我們進行前后端交互的時候變得更加方便快捷。