异步处理

最新推荐文章于 2024-04-26 11:15:06 发布

walkersc

最新推荐文章于 2024-04-26 11:15:06 发布

阅读量704

点赞数

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/u013160024/article/details/20375913

版权

jQuery 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

异步处理数据

jquery.get() 与jquery.post()方法

get与post方法与我们提交数据方法是一样的....要是用get()方法接收数据就$_GET方式接收处理数据就可以了，要是post()方法就以$_POST方式接收处理数据就行了

例如:分别以get，post异步

1：get请求发送

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<SCRIPT TYPE="text/javascript" src="./jquerymin.js"></SCRIPT>
	<script>
	var url = './add.php';
	var postData = {
		num1:1,
		num2:2
	}
	$(document).ready(function(){
		$("button").click(function(){
			$.get(url,postData,
			function(data){
              $("#test").html(data);
			});
		})
	});
	</script>
</head>
<body>
	<button>发送数据</button>
	<span id="test"><input type="text" name="test" value=""></span>

</body>
</html>

<?php 
$number = $_GET['num1'] + $_GET['num2'];

echo "<input type='text' name='test' value='$number'>";




 ?>

图1：

图2：

1：post请求发送

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<SCRIPT TYPE="text/javascript" src="./jquerymin.js"></SCRIPT>
	<script>
	var url = './add.php';
	var postData = {
		num1:1,
		num2:2
	}
	$(document).ready(function(){
		$("button").click(function(){
			$.post(url,postData,
			function(data){
              $("#test").html(data);
			});
		})
	});
	</script>
</head>
<body>
	<button>发送数据</button>
	<span id="test"><input type="text" name="test" value=""></span>

</body>
</html>

<?php 
$number = $_POST['num1'] + $_POST['num2'];

echo "<input type='text' name='test' value='$number'>";




 ?>

图1：

图2：

walkersc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录