HTML页面Ajax传值进行添加操作，后台获取

1，页面设置

<script>layui.use('jquery', function () {  //声明jqueryvar $ = layui.jquery;// 引入内置在layui中的jquery$("#btn").click(function () {// 提交点击事件$.ajax({async: false,// false为同步url: " Servlet?action=add",// 请求路径data: $("#form1").serialize(),// 序列表单获取输入内容type: "POST",// 请求方式dataType: "text",// 返回值的类型success: function (data) {if (data == '1') {//先得到当前iframe层的索引var index=parent.layer.getFrameIndex(window.name);parent.layer.close(index); // 根据索引关闭弹出层window.parent.location.reload();// 刷新父页面} else {alert("失败");}},error: function (data) {alert(data);}});})});
</script>

2，servlet设置

Map<Object, Object> map = new HashMap<>(); // 新建一个map数组map.put("data", list); // 把查询数据库的返回值存入前台定义的data中map.put("code", 0);  // 判断是否执行成功map.put("count", count); // 分页时判断数据条数map.put("msg", "全部房屋信息");String s = JSON.toJSONString(map); // 把map转成jaon类型System.out.println(s); // 输出map看一下是否转化成功response.getWriter().write(s); // 把值传给前台

HTML页面Ajax传值进行添加操作，后台获取相关推荐

ajax传值从前台到后台乱码,jquery ajax传值，get方式后台中文乱码
经过jquery ajax传值,后台出现中文乱码,通过一番摸索后发现原来客户端浏览器经过get方式传递到项目后台时,编码格式是ISO-8859-1,须要咱们在后台通过转码才能正常使用.方法以下:jav ...
表单和ajax中的post请求后台获取数据方法（深度好文）
最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法. 前台主要的contenttype为下面三种:(需要注意的是请求头中data ...
window.open打开页面并传值,window. location.search遍历获取到的请求链接中的所有参数
window.open打开页面并传值,遍历 window.location.search取到的url参数 1.a.js中打开OtherBankProtocol.html页面 window.open打开 ...
进一步封装axios并调用其读取数据（吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持，在这两种情况下的系统只能使用ajax或者原生js请求后台数据）
注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据报错截图如下报错内容: {&quo ...
ajax返回实体类字符串,js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...
js ajax java传参_js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次. 这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台 ...
从后台获取的数据渲染到页面中的dom操作
很多情况下页面dom都是从后台拼接字符串添加生成的新的dom元素,在编辑器中不能看到,只能通过检查看到页面的dom结构,但是这时候会发生一个问题,就是如果使用jQuery无法进行dom操作,事件和方法 ...
jfinal ajax传值,JFINAL+Ajax传参 array 数组方法获取request中数组操作
前台代码js var _list =[]; for (var i = 0; i < array.length; i++) { _list[i] = array[i]; } $.ajax({ ty ...
vue中页面跳转传值_vue跳转方式（打开新页面）及传参操作示例
本文实例讲述了vue跳转方式(打开新页面)及传参操作.分享给大家供大家参考,具体如下: 1. router-link跳转 // 直接写上跳转的地址 link跳转 // 添加参数 // 参数获取 id ...

HTML页面Ajax传值进行添加操作，后台获取

HTML页面Ajax传值进行添加操作，后台获取相关推荐

最新文章

热门文章