jQuery Ajax 的get()和post()

最新推荐文章于 2021-08-15 10:28:37 发布

Dejavu_y

最新推荐文章于 2021-08-15 10:28:37 发布

阅读量116

点赞数

文章标签： javascript jquery php

本文链接：https://blog.csdn.net/weixin_46390782/article/details/105542663

版权

GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。

POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。

准备工作

<html>
	<head>
		<meta charset="utf-8">
		<title>网络部</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
	</head>
	<body>
		<div>
			<br/><br/>
			<button id="cesi">点我 测试ajax</button>
		</div>
	</body>

先介绍get()

从例子来看jQuery的get（）

$("#cesi").click(function(){
  $.get("api/ajaxText.php",function(data,status){
    alert("数据: " + data + "\n状态: " + status);
  });
});

语法：
$.get(URL,callback);

$.get() 的第一个参数是我们希望请求的 URL（“demo_test.php”）。
第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态。

这时的PHP写法是URL链接的地方

<?php
echo '这是个从PHP文件中读取的数据。';
?>

接下来是post()

			$(document).ready(function(){
				$("#cesi").click(function(){
					$.post("api/ajaxText.php",
					{
						name:"网络部学习",
						city:"我在我的大中国"
					},
					function(data,status){
						alert("数据: \n" + data + "\n状态: " + status);
					});
				});
			});

语法:
$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。

其中的后端是要这样子写的

<?php
$name = $_POST['name'];
$city = $_POST['city'];

echo '网站名: ' . $name;
echo "\n";
echo 'CITY 地址: ' . $city;
?>

其结果是在这里插入图片描述

这里面涉及到使用了JavaScript的库jQuery，这个东西呢，是需要安装的，一般上是分为两种安装方法，
第一种就是在相关的技术网站上去下载对应的jQuery的库，然后放在我们要使用jQuery的地方，然后链接进去。
第二种是直接找互联网上的服务器存有的jQuery的库，这个更加的方便。我上面的实列是选用的网上的库，但是不推荐使用Google的，在国内太稳定

Dejavu_y

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery Ajax 的get()和post()

GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。
复制链接

扫一扫