dede静态页面添加数据到数据库

使用jQuery实现表单提交

最新推荐文章于 2025-03-02 18:33:31 发布

原创最新推荐文章于 2025-03-02 18:33:31 发布 · 339 阅读

0 ·

CC 4.0 BY-SA版权

php 同时被 2 个专栏收录

67 篇文章

订阅专栏

织梦

26 篇文章

订阅专栏

本文介绍了一个简单的HTML页面如何通过jQuery实现表单数据的获取及异步提交功能。使用了基本的HTML元素来构建表单，并利用jQuery的.ajax()方法发送GET请求到PHP后端接口，完成数据插入操作。

\www\zt\test.html

.html静态文件

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src='/js/jquery-1.7.2.min.js'></script>
<body>
<input type="text" name='t1' id='t1'>
<input type="text" name='t2' id='t2'>
<input type="text" name='t3' id='t3'>
<input type="text" name='t4'>
<input type="button" id='sub' value="提交">

</body>
<script>
$('#sub').click(function(){
var t1=$('#t1').val();
var t2=$('#t2').val();
$.ajax({
type:'get',
url:'/include/test.class.php',
datatype:"json",
data:{t1:t1,t2:t2},
success:function(data){
var data=JSON.parse(data);
console.log(data);
}
});
});
</script>

</html>

\www\include\test.class.php

.php文件

<?php
$t1=$_GET['t1'];
$t2=$_GET['t2'];
$con=mysql_connect('localhost','root','');

mysql_select_db("wap_cdznrx");
$sql='insert into `dede_vote`(`aid`,`votename`) values('.$t1.','.$t2.')';
$status=mysql_query($sql,$con);
if($status){
echo json_encode('预约成功!');
}else{
echo json_encode('预约失败!');
}
mysql_close();//关闭MySQL连接

?>