jQuery Ajax: $.post请求实例
2015-06-22 22:35
671 查看
jQuery Ajax: $.post请求实例
leyangjun.html页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-2.0.0.min.js"></script>
<script>
$(document).ready(function(){
$("#sub").click(function(){
$.post("leyangjun.php",{name:$("#name").val()},function(data,textStatus){
$("#result").append("data:"+data.name);
$("#result").append("<br>age:"+data.age);
$("#result").append("<br>textStatus:"+textStatus);
},"json");
return false;
});
});
</script>
</head>
<body>
<form action="testPost.php" method="post">
<input type="text" name="name" id="name" >
<input type="submit" id="sub" value="提交">
</form>
<h2>页面显示回来的内容</h2>
<div id="result"></div>
</body>
</html>
对应的页面leyangjun.php
<?php
echo json_encode(
array(
"name" => $_POST['name'],
"age" => 110,
)
);
?>
leyangjun.html页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-2.0.0.min.js"></script>
<script>
$(document).ready(function(){
$("#sub").click(function(){
$.post("leyangjun.php",{name:$("#name").val()},function(data,textStatus){
$("#result").append("data:"+data.name);
$("#result").append("<br>age:"+data.age);
$("#result").append("<br>textStatus:"+textStatus);
},"json");
return false;
});
});
</script>
</head>
<body>
<form action="testPost.php" method="post">
<input type="text" name="name" id="name" >
<input type="submit" id="sub" value="提交">
</form>
<h2>页面显示回来的内容</h2>
<div id="result"></div>
</body>
</html>
对应的页面leyangjun.php
<?php
echo json_encode(
array(
"name" => $_POST['name'],
"age" => 110,
)
);
?>
相关文章推荐
- jquery源码之属性判断-$.type类型
- jQuery Ajax 实例 详细介绍$.ajax、$.post、$.get的使用
- jquery ajax显示对号和错号,用于验证输入验证码是否正确
- jquery源码分析之Callbacks
- Xpages引用jquery的两种方法
- jquery使用each时注意不要把注释写在函数体内
- jQuery里面的$(window).height()和$(document).height()的区别
- jQueryCDN
- Jquery1.6版本后attr的变化,灰常委屈
- jquery easyui常见问题:
- jquery多选下拉框左右复制
- jquery-ajax
- 跨域之-jquery操作
- jquery根据name属性查找元素
- 最最基层的ajax交互代码jquery+java之间的json跨域传递以及java的json代码返回
- 使用jquery+ajax+php实现搜索框的功能
- JQuery处理checkbox的checked属性正确用法
- jquery 使用$.ajax post方法提交数据
- 使用jQeury控制form动态发送请求
- 浅谈jquery中delegate()与live()