JQ 使用POST方式获取数据

于 2016-10-24 11:49:56 发布 · 1.2k 阅读

文章标签：

#POST #JQ POST

境-JS 专栏收录该内容

197 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用jQuery的POST方法向PHP脚本发送数据，并接收响应。具体实现了从HTML页面中获取用户输入的名字和网站信息，发送到服务器端的PHP脚本进行处理，然后将处理后的字符串返回给前端并弹窗显示。

demo.php

<?php
	$name = $_POST["name"];
	$website = $_POST["website"];
	echo "$name 的网站是：$website";
?>

demo.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
</head>
<body>
<button>POST 方式获取数据</button>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script>
$(function() {
	$("button").click(function() {
		$.post("demo.php", {
			name: "chaoyi",
			website: "onestopweb.iteye.com"
		},function(data, status) {
			alert("数据：" + data + "\n状态：" + status);
		});
	});
});
</script>
</body>
</html>

效果图：