使用ajax向数据库中添加信息

最新推荐文章于 2021-08-06 06:47:31 发布

Gydxjnvfg

最新推荐文章于 2021-08-06 06:47:31 发布

阅读量2.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45058061/article/details/100658924

版权

本文介绍了如何通过HTML页面创建信息表单，然后利用Ajax异步技术，将数据提交到后台Dao层，进一步由Service处理，最后通过Servlet完成与数据库的交互，实现信息的无刷新添加。

摘要由CSDN通过智能技术生成

1.HTML添加信息页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加</title>
<style>
	#div1{
   
		width:1000px;
		height:400px;
		background-color:pink;
		box-sizing:border-box;
		padding-left:300px;
		margin:0 auto;
	}
<script src="../js/jquery-2.1.1.js"></script>
<script>
	//初始化科室下拉列表
	function initDept(){
   
		var select = $("#keshi");
		$.ajax({
   
			url:"/hospital/GetAllDeptsServlet",
			type:"get",
			dataType:"json",
			success:function(ary){
   
			//for循环结束后会把所有的科室名字通过text()显示在下拉列表上，
			//同时给每一个option元素绑定对应的val()值
				for(var i=0; i<ary.length; i++){
   
					var option = $("<option class='op'></option>");
					//把获取到的科室的编号通过val()赋值到对应的下拉元素上
					option.val(ary[i].deptno);
					//把获取到的科室名字通过text()文本显示在下拉列表上
					option.text(ary[i].dname);
					//把每一个下拉列表元素拼接到父元素上。【注意：select不是表单标签】
					select.

最低0.47元/天解锁文章

Gydxjnvfg

关注

0
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
使用ajax向数据库中添加信息

1.HTML添加信息页面<!DOCTYPE html><html><head><meta charset="UTF-8"><title>添加</title><style> #div1{ width:1000px; height:400px; background-color:pink; ...
复制链接

扫一扫

专栏目录