无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
来源:互联网 发布:java语言程序设计2 编辑:程序博客网 时间:2024/05/17 03:07
html代码:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
//使用json方式
$("#send").click(function(){
var cont = $("input").serialize();
$.ajax({
url:'add2.php',
type:'post',
dataType:'json',
data:cont,
success:function(data){
var str = data.username + data.age + data.job;
$("#result").html(str);
}
});
});
});
</script>
<!--<script type="text/javascript">
//使用post方式
$(function(){
$("#send").click(function(){
var cont = {username:$("input")[0].value,age:$("input")[1].value,job:$("input")[2].value};
var url = 'add2.php';
$.post(url,cont,function(data){
var res = eval("(" + data + ")");//转为Object对象
var str = res.username + res.age + res.job;
$("#result").html(str);
});
});
});
</script>-->
</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>
add2.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;
?>
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- PHP jQuery Ajax 无刷新表单提交实例
- 无刷新提交表单(php+js+ajax简单实例 )
- php+jquery+ajax+json的一个最简单实例
- php+jquery+ajax+json的一个最简单实例
- php+jquery+ajax+json的一个最简单实例
- php+jquery+ajax+json的一个最简单实例
- Ajax无刷新提交表单实例
- Ajax无刷新提交表单实例
- PHP与ajax,无刷新表单提交
- AJAX PHP无刷新form表单提交
- AJAX PHP无刷新form表单提交
- ajax+prototype的无刷新表单提交
- AJAX无刷新提交表单的方法
- JQuery打造PHP的AJAX表单提交实例
- JQuery打造PHP的AJAX表单提交实例
- 不使用ajax实现无刷新提交表单实例
- jQuery - ajax无刷新保存例子以及提交表单
- UITableView上添加UITextView动态换行
- 美国大使馆面签预约中心网站上的小Bug-附hack方法
- python爬虫xpath的语法
- 蓝牙基带 链接控制器操作
- fastjson简单使用
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- Unity开发基础——运算符和表达式学习笔记
- java基本排序之归并排序
- 数据库Mysql的安装配置
- C#中mySQL 使用语句LOAD DATA LOCAL INFILE 'record.log' INTO TABLE PT_LOG;导入数据时乱码问题
- java.lang.ClassNotFoundException: org.apache.hadoop.fs.CanUnbuffer
- 左式堆
- 使用CDO.message加载eml文件
- 解决ubuntu下shell脚本报错