一.两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
- GET - 从指定的资源请求数据
- POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
二.使用方法
1.引入jquery
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
2.创建两个按钮,一个使用GET 请求,另一个使用POST请求
<button id="getButton" type="button" class="layui-btn"> $.get</button>
<br /><br />
<button id="postButton" type="button" class="layui-btn"> $.post</button>
如图:
3.域名单独提取出来方便用
var url='http://localhost/'
4. GET 请求
url上面定义的域名
url+"chatRoom/php/get.php" GET请求接口
function(res){ console.log(res) } 请求回调
$("#getButton").click(function(){
$.get(url+"chatRoom/php/get.php",function(res){
console.log(res)
});
});
php代码:
<?php
echo 'get请求,个从PHP文件中读取的数据。';
?>
点击按钮返回数据如图:
5.POST请求
url上面定义的域名
url+"chatRoom/php/get.php" POST请求接口
data 请求时传的参数
function(res){ console.log(res) } 请求回调
$("#postButton").click(function() {
let data = {
title: "$.post() 方法通过 HTTP POST 请求向服务器提交数据。",
}
$.post(url + "chatRoom/php/post.php", data,
function(res) {
console.log(res)
});
});
PHP代码:
<?php
$title = isset($_POST['title']) ? htmlspecialchars($_POST['title']) : '';
echo $title;
点击按钮返回数据如图: