jQuery - AJAX get() 和 post() 方法

一.两种在客户端和服务器端进行请求-响应的常用方法是：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;

 点击按钮返回数据如图：