老师要我做一个预约的系统
前端的图是这样的然后我想点击一个按钮然后可以对数据库写入预约
但是<input type="button" value="预约">这个button怎么通过jq传值到表单处理然后写入数据库呢?
源代码如下:
<form action="#" method="post">
<table cellpadding="3" cellspacing="1" border="1" width="50%" class="tableBorder" align=center>
<tr>
<td>星期</td>
<td>上午</td>
<td>下午</td>
</tr>
<tr>
<td>一</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
<tr>
<td>二</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
<tr>
<td>三</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>四</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>五</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>六</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>日</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
</table>
</form>
还有就是我用的thinkphp做的,也是边学边做,因为是菜鸟,求大神指教
前端的图是这样的然后我想点击一个按钮然后可以对数据库写入预约
但是<input type="button" value="预约">这个button怎么通过jq传值到表单处理然后写入数据库呢?
源代码如下:
<form action="#" method="post">
<table cellpadding="3" cellspacing="1" border="1" width="50%" class="tableBorder" align=center>
<tr>
<td>星期</td>
<td>上午</td>
<td>下午</td>
</tr>
<tr>
<td>一</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
<tr>
<td>二</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
<tr>
<td>三</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>四</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>五</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>六</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>日</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
</table>
</form>
还有就是我用的thinkphp做的,也是边学边做,因为是菜鸟,求大神指教
解决方案 »
- 关于PHP正则表达式提取远程页面中的Table内容
- 用open-flash-chart作报表时遇到一个问题
- 收藏 不显示删除回复显示所有回复显示星级回复显示得分回复 phpnow 中更改字符集,更改全局字符集
- 为什么安装wamp时没有选择wamp默认的网站目录(即wamp安装文件夹下的www文件夹),而是自己新建一个目录
- VISTA系统下 配置通达OA2008 出错
- 请教一个入门问题
- PHP怎么判断上一页来源?
- 一個php的怪問題,很簡單的頁面弄到快死掉
- php中关于参数传递的问题
- 问PHP4的两个小问题,请诸位邦忙看看。
- 求解如何通过mod=某个值,来访问不同目录下的php文件?
- 数据库中blob字段以字符串形式取出??
比如这是星期一上午的按钮,那么给他加2个属性 a="1" b="上午"
再给按钮绑定click事件,运行一个自定义函数 onclick="fn(this)"
函数fn里用$(this).attr('a')获取到星期几和上下午,将这些参数打包成一个对象
然后用$.post发送到php
具体用法有不明白的百度吧
$(document).ready(function(){
$..ajax({
url:"你的服务端处理地址,假设b.php",
data:"你的数据",
async:false,//是否同步
datatype:"返回数据类型(xml,json,text)",
success:function(msg){
//你的前端逻辑
},
error:function(msg){
//你的前端逻辑
}
});
});
b.php
获取数据,插入数据库...............................
if($_POST) {
print_r($_POST);
exit;
}
?>
<script src=scripts/jquery-1.8.3.min.js></script>
<script>
$(function() {
$(':button').click(function() {
var data = {};
var that = $(this).parents('td')[0];
$(this).parents('tr').find('td').each(function(i, tag) {
if(i == 0) data['week'] = $(this).text();
if(that == this) data['time'] = i == 1 ? 'pm' : 'am';
});
var url = location.href;
var url = $(this).parents('form').attr('action'); //需将 action="#" 改为 action="?" 或实际的 url
$.post(url, data, function(d) {
alert(d);
});
});
})
</script>
<form action="?" method="post">
<table cellpadding="3" cellspacing="1" border="1" width="50%" class="tableBorder" align=center>
<tr>
<td>星期</td>
<td>上午</td>
<td>下午</td>
</tr>
<tr>
<td>一</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
<tr>
<td>二</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
<tr>
<td>三</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>四</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>五</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>六</td>
<td><input type="button" value="已满" /></td>
<td><input type="button" value="已满" /></td>
</tr>
<tr>
<td>日</td>
<td><input type="button" value="预约" /></td>
<td><input type="button" value="预约" /></td>
</tr>
</table>
</form>