SSH-----------js(form封装成json及load,reload,loadData）和搜索条件查询按钮事件

最新推荐文章于 2023-04-05 10:19:00 发布

保温杯有枸杞

最新推荐文章于 2023-04-05 10:19:00 发布

阅读量320

点赞数

分类专栏： SSH

本文链接：https://blog.csdn.net/qq_32659773/article/details/106051022

版权

1、通过js把表单的数据封装成一个json对象，供load方法传参使用

//此方法可以为工具类

//将form表示的数据封装成一个json对象{name:23}

function getFormData(formId) {

var form = document.getElementById(formId);

var data = {};

var tagElements = form.getElementsByTagName('input');

for (var j = 0; j < tagElements.length; j++){

var input = tagElements[j];

var n = input.name;

var v = input.value;

data[n] = v;

}

return data;

}

<script>
        var a='{"name":"1","pass":"2"}'
        var b ={name:"1",pass:"2"};
        var c = JSON.stringify(b);   //将sting转换成json
        var d = JSON.parse(a);    //将json转换成sting
        console.log(c);     //{"name":"1","pass":"2"}
        console.log(d);     //{name: "1", pass: "2"}
</script>

2、datagrid中有load,reload,loadData那三个方式，皆是加载数据的，但又有差别。下面让我们一起来看看：

首先，load方法，比如我已经定义一个datagrid的id为grid，那这个方法的使用方式为

$(“#grid”).datagrid(“load”,{ });

它的参数为一个json对象，里面写的是你要传输的参数的键值对，调用这个方法来加载数据的时候，它传给后台的分页信息是从第一页开始的。

其次，reload方法，使用方式也跟load的一样

$(“#grid”).datagrid(“reload”,{ });

看它的名字应该就可以知道它的做用了，没错，它跟load一样有加载数据功能，也一样的传参数，但它传给后台的分布信息是当前的页码，就是实现刷新当前页的功能。

最重要的是，loadData方法，这个方法有比较大的不同，首先它加载的本地数据，就是不会跟后台什么的有交互，它的使用方式是

$(“#grid”).datagrid(“loadData”,{ “total”:”30″,rows:[] });

它是比较灵活的，可以设置分页信息，total就是行数，当然你也可以设置它的当前页，而它那个rows属性设的就是你所要加载的行的集合。

条件查询实现过程

3、jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>管理分区</title>
    <!-- 导入jquery核心类库 -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
    <!-- 导入e

最低0.47元/天解锁文章

保温杯有枸杞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SSH-----------js(form封装成json及load,reload,loadData）和搜索条件查询按钮事件

1、通过js把表单的数据封装成一个json对象，供load方法传参使用//////////////////////////////////////////此方法可以为工具类//将form表示的数据封装成一个json对象{name:23} function getFormData(formId) { var form = document.getElementById(formId); var data = {}; va...
复制链接

扫一扫

专栏目录