很简单的jQuery .post用法实例！

上一篇：海外市场对话国内市场下一篇：今天学习了用for取出一个数组的后4位值！

2010/05/26 | 22:45分类：javascript文章, php文章 | 标签：jQuery post、jquery post 简单实例 | 116

网上找上很多实例代码，不知道是俺人品问题，还是代码问题，在我本机上测试就是不通过，后来请教了老哥，看了看我的代码，又是一阵的骂啊！哎，杯具了，差距真是大啊！发过去，1分钟就给搞定了。把代码发上来吧，共享给其他兄弟啊，希望对你们有用！

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery post测试</title>
<script type="text/javascript" src="/jquery/jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#BtnSubmit').click(function(){
var named = $('#named').val();
var age = $('#age').val();
$.post('test.php',{named:named,age:age},function(data){
var myjson=data;
$('#result').html("姓名:" + myjson.named + "<br/>工作:" + myjson.age);
},'json');
});
});
</script>
</head>
<body>
<div id="result"></div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
你的名字：<input name="named" type="text" id="named" />你的年龄：<input name="age" type="text" id="age" /><input id="BtnSubmit" name="BtnSubmit" type="button" value="提交"/>
</body>
</html>