html页面：
<html>
<head>
< http-equiv=\"content-type\" content=\"text/html;charset=utf-8\" />
< type=\"text/ \" src=\"jquery-1.8.2.min.js\"></ >
< type=\"text/ \">
$(function(){
$(\"#send\").click(function(){
var cont = $(\"input\").serialize();
$.ajax({
url:\'ab.php\',
type:\'post\',
dataType:\'json\',
data:cont,
success:function(data){
var str = data.username + data.age + data.job;
$(\"#result\").html(str);
}
});
});
});
</ >
</head>
<body>
<div id=\"result\">一会看显示结果</div>
<form id=\"my\" action=\"\" method=\"post\">
<p><span>姓名：</span> <input type=\"text\" name=\"username\" /></p>
<p><span>年龄：</span><input type=\"text\" name=\"age\" /></p>
<p><span>工作：</span><input type=\"text\" name=\"job\" /></p>
</form>
<button id=\"send\">提交</button>
</body>
</html>
php页面：
<?php
header(\"Content-type:text/html;charset=utf-8\");
$username = $_POST[\'username\'];
$age = $_POST[\'age\'];
$job = $_POST[\'job\'];
$json_arr = array(\"username\"=>$username,\"age\"=>$age,\"job\"=>$job);
$json_obj = json_encode($json_arr);
echo $json_obj;
?>
使用post方式
< type=\"text/ \">
$(function(){
$(\"#send\").click(function(){
var cont = {username:$(\"input\")[0].value,age:$(\"input\")[1].value,job:$(\"input\")[2].value};
var url = \'ab.php\';
$.post(url,cont,function(data){
var res = eval(\"(\" + data + \")\");//转为 对象
var str = res.username + res.age + res.job;
$(\"#result\").html(str);
});
});
});
</ > 继续阅读与本文标签相同的文章
上一篇 :
2019年可能会是Linux年？
下一篇 :
英伟达顶级技术专家畅谈GPU的未来
-
新款iphone11已经发布有些日子，这款手机好不好用呢？用数据告诉你
2026-05-14栏目： 教程
-
超进化，时尚玩主的全新一代名爵ZS，起步只要7.98万
2026-05-14栏目： 教程
-
微信 7.0.8 内测新功能，教你如何激活它
2026-05-14栏目： 教程
-
美女机器人刚上市就售罄，除了生孩子，其他什么都能干！
2026-05-14栏目： 教程
-
互联网之光大会的黑科技，总有一款惊艳你！
2026-05-14栏目： 教程