<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<input type="button" value="获取信息" id="btn">
<div id="showInfo"></div>
</body>
</html>
<script src=../jQuery/jquery-3.2.1.min.js></script>
<script>
$(document).ready(fucntion(){
$("#btn").click(function(){
var value = $("input").serialize(); // 序列化表单数据 ----a=1&b=2&c=3&...的形式
jQuery.ajax({
type:"get",
dataType:"json",
url:"./xxx.php",
asyn:"true",
data:value, // 当序列化之后,json格式的数据后台就能正确获取了 不然只能传递拼接的字符串
success:function(result){
//...
$("#showInfo").html(result);
},
failure:function(){
}
});
});
});
</script>
/********************************php 部分**********************************/
<?php
echo "<p>很多内容很多内容很多内容</p>";
?>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<input type="button" value="获取信息" id="btn">
<div id="showInfo"></div>
</body>
</html>
<script src=../jQuery/jquery-3.2.1.min.js></script>
<script>
$(document).ready(fucntion(){
$("#btn").click(function(){
var value = $("input").serialize(); // 序列化表单数据 ----a=1&b=2&c=3&...的形式
jQuery.ajax({
type:"get",
dataType:"json",
url:"./xxx.php",
asyn:"true",
data:value, // 当序列化之后,json格式的数据后台就能正确获取了 不然只能传递拼接的字符串
success:function(result){
//...
$("#showInfo").html(result);
},
failure:function(){
}
});
});
});
</script>
/********************************php 部分**********************************/
<?php
echo "<p>很多内容很多内容很多内容</p>";
?>