jQuery-Ajax的get()和post()方法——最简单易懂讲解

最新推荐文章于 2023-04-18 20:11:49 发布

Rapper_cl

最新推荐文章于 2023-04-18 20:11:49 发布

阅读量902

点赞数

分类专栏： jQuery Ajax 文章标签： jQuery中get和post方法

本文链接：https://blog.csdn.net/m0_37510446/article/details/90291967

版权

jQuery 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

Ajax

9 篇文章 0 订阅

订阅专栏

建议大家在学习之前，若对于get和post方法不够了解的可以去看我之前对于get和post方法的详细总结，了解之后，再看这篇文章，看起来更加易懂

GET方法和POST方法详解对比（有实际例子，看起来简单易懂）

好了，接下来进入正题：
一，get方法
$.get(URL,callback);
同样，首先来了解它的参数：URL为必须，callback为可选，

例子：使用$.get()方法从服务器上的一个文件中取得数据

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
	$("button").click(function(){
		$.get("https://www.runoob.com/try/ajax/demo_test.php",function(data,status){
		//在get方法中，data中存放的是响应的结果数据
			document.getElementById("c1").innerHTML=data;
			document.getElementById("c2").innerHTML=status;
		});
	});
});
</script>
</head>
<body>
<button>发送一个 HTTP GET 请求并获取返回结果</button>
<h2 id="c1">获取的数据会显示在此处</h2>
<h2 id="c2">该请求的状态会显示在此处</h2>
<p><a href="https://www.runoob.com/try/ajax/demo_test.php" target="_blank">点击获取对应文本 </a></p>
</body>
</html>

通过上面的例子，可以了解回调函数callback的作用，就是用来对该get方法执行之后的结果进行的相关操作，相信大家对get方法有了大致理解了，记住语法$.get（URL,callback）对照例子，加深理解，

二，post方法——通过HTTP POST请求，向服务器提交要进行处理的数据
同样说说语法:
$.post（URL，data,callback）
显而易见:只有URL为必须，相比get多了一个data参数，该参数就是用来向服务器提交要处理的数据

例子：使用post方法，向服务器发送要处理的数据并得到响应结果

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
$("button").click(function(){
//我们的请求文件中有对应的name和url属性，利用data参数集合，对该请求文件中的属性赋值
$.post("https://www.runoob.com/try/ajax/demo_test_post.php",
{name:"Rapper",
url:"https://blog.csdn.net/m0_37510446/article"},
//此处是回调函数，callback参数，data代表响应结果status代表响应状态是否成功，与get一致
function(data,status){
alert("响应数据"+data+"响应状态"+status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
<p><a href="http://www.runoob.com/try/ajax/demo_test_post.php" target="_blank">点击获取对应文本 </a></p>
</body>
</html>

以上就是关于jQuery_AJax中的get和post方法啦，若还有不懂，可以直接评论

Rapper_cl

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
jQuery-Ajax的get()和post()方法——最简单易懂讲解

建议大家在学习之前，若对于get和post方法不够了解的可以去看我之前对于get和post方法的详细总结，了解之后，再看这篇文章，看起来更加易懂GET方法和POST方法详解对比（有实际例子，看起来简单易懂）好了，接下来进入正题：一，get方法$.get(URL,callback);同样，首先来了解它的参数：URL为必须，callback为可选，例子：使用$.get()方法从服务器上的...
复制链接

扫一扫