HTML页面用ajax方式传递表单数据给后台，数据库插入信息后将json对象传回前端JS处理(前后台交互)

JavaScript使用ajax传递表单数据：

$.ajax({url : "getValue",method : "post",traditional:true,cache : false,async : false,data : {tel : tel,pwd : pwd},dataType : "json",beforeSend : function() {//alert("before send");},success : function(data) {var json = JSON.stringify(data);var a = eval('(' + json + ')');//转json字符串，不可以为 eval(json)alert(a.x);//获取数据 alert(a.y);//获取数据},error : function(data) {}})

JAVA传递JSON对象给JSP页面内的JavaScript：

try {//  将后台信息传至前台PrintWriter out = response.getWriter();JsonObject jsonObject=new JsonObject();jsonObject.addProperty("x", "我是第一个字符串");jsonObject.addProperty("y", "我是第二个字符串");out.println(jsonObject);out.flush();out.close();} catch (IOException e) {e.printStackTrace();}

导入的jar包：

HTML页面用ajax方式传递表单数据给后台，数据库插入信息后将json对象传回前端JS处理(前后台交互)相关推荐

ajax提交Form表单数据到后台
先引入jQuery. <script type="text/javascript" src="js/jquery-1.12.3.js"></s ...
tp5 ajax 路由,tp5中ajax方式提交表单
用ajax提交表单,迅速,快捷,实现页面无刷新提交表单. ajax批删姓名年龄地址添加 $("#sub").click(function(){ var name = $(& ...
ajax提交form表单到php,ajax如何提交form表单数据？ajax提交form表单数据的方法介绍...
对于form表单数据的提交,我们一般都会想到使用ajax提交,那么,ajax如何来提交form表单数据呢?接下来的这篇文章就来给大家来介绍关于ajax提交form表单数据方法,有需要的伙伴可以参考一下 ...
php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
ajax获取表单php,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
小程序将form表单数据写入云数据库
小程序将form表单数据写入云数据库  <view class='forms'><form bind ...
解决ssm项目表单数据提交到数据库乱码问题
解决ssm项目表单数据提交到数据库乱码问题参考文章: (1)解决ssm项目表单数据提交到数据库乱码问题 (2)https://www.cnblogs.com/duzhentong/p/8576512 ...
php mysql表单源码_PHP表单数据写入MySQL数据库的代码
废话不多说了,直接给大家贴代码了,具体代码如下所示: if(!isset($_POST['submit'])){ //如果没有表单提交,显示一个表单 ?> 国家: 动物名称(英文): 动物名称( ...
ajax解析json中的对象数组对象,在JQuery中检索json数组后获取json对象Ajax
我使用JQuery AJAX检索某些数据(标题和说明).正如你可以看到我打通的结果,并出结果的JSON数组和循环div标签中在JQuery中检索json数组后获取json对象Ajax success ...

HTML页面用ajax方式传递表单数据给后台，数据库插入信息后将json对象传回前端JS处理(前后台交互)

HTML页面用ajax方式传递表单数据给后台，数据库插入信息后将json对象传回前端JS处理(前后台交互)相关推荐

最新文章

热门文章