怎么用数据库保存jq网页里存储的内容
保存jq网页里存储的内容的思路是把界面上的数据组装成一个url,然后给服务器发送请求,服务器把数据插入到数据库。下面介绍具体方法。
取出网页中的数据
1、取出网页中数据最常用的是form元素,像这样
2、使用jquery的方法serialize取出数据
3、然后使用jqeury的ajax,把组装好的数据发送到服务器。$.ajax({ url: contextPath + "/invoice/save.do", data: $("#invoiceForm").serialize(), type: "post", success: function(json) { if (json.success) { alert('保存成功'); } else { alert(json.message); } }, error: function() { alert('保存失败'); }});
4、服务器后台写一个接收数据的接口,以java的spring为例,写法如下@ResponseBody@RequestMappi荏鱿胫协ng("save.do")public Map<String, Object> save(TInvoice invoice) { Map<String, Object> map = new HashMap<>(); if (invoiceService.add(invoice).intValue() > 0) { map.put("success", true); map.put("message", "保存成功!"); } else { map.put("success", false); map.put("message", "保存失败!"); } return map;}
5、还要有一个service和dao的方法插入数据库,我用的是jdbcpublic Number add(TInvoiceAuthorize invoiceAuthorize) { return insert( "insert into t_invoice_authorize(nick, total_pay_fee, status, create_time) value (?, ?, 1, now())", new Object[] { invoiceAuthorize.getNick(), invoiceAuthorize.getTotalPayFee() });}
6、数倌栗受绽据库也要建立一个相应的表CREATE TABLE `t_invoice` ( `id` int(11) NOT NULL A炽扃仄呦UTO_INCREMENT, `nick` varchar(255) DEFAULT NULL, `company_name` varchar(255) DEFAULT NULL COMMENT '公司名称', `taxpayer_id` varchar(255) DEFAULT NULL COMMENT '纳税人识别号', `company_province` varchar(255) DEFAULT NULL COMMENT '公司省份', `company_city` varchar(255) DEFAULT NULL COMMENT '公司城市', `company_area` varchar(255) DEFAULT NULL COMMENT '公司区县', `company_address` varchar(255) DEFAULT NULL COMMENT '公司详细地址', `company_tel` varchar(255) DEFAULT NULL COMMENT '公司电话', `bank` varchar(255) DEFAULT NULL COMMENT '开户行', `bank_account` varchar(255) DEFAULT NULL COMMENT '银行账号', `addressee_name` varchar(255) DEFAULT NULL COMMENT '收件人姓名', `province` varchar(255) DEFAULT NULL COMMENT '收件人省份', `city` varchar(255) DEFAULT NULL COMMENT '收件人城市', `area` varchar(255) DEFAULT NULL COMMENT '收件人区县', `address` varchar(255) DEFAULT NULL COMMENT '收件人详细地址', `addressee_tel` varchar(255) DEFAULT NULL COMMENT '收件人电话', `total_pay_fee` int(11) DEFAULT NULL COMMENT '订购金额', `status` tinyint(4) DEFAULT NULL COMMENT '状态 1=待处理,2=已邮寄,3=填写信息有误', `create_time` datetime DEFAULT NULL COMMENT '创建时间', `update_time` datetime DEFAULT NULL COMMENT '更新时间', `send_time` datetime DEFAULT NULL COMMENT '邮寄时间', `memo` varchar(255) DEFAULT NULL, `company_address_and_tel` varchar(255) DEFAULT NULL, `bank_and_bank_account` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;
7、点击保存按钮,发现数据保存成功
8、查看数据,数据都正确,大功告成