java入门学习：通过url获取后台信息加载到前端easyui datagrid

var editIndex = undefined;
var  editsign='';
//编辑状态
function endEditing() {
    if (editIndex == undefined) { return true }
    if ($('#gycsdg').datagrid('validateRow', editIndex)) {
        $('#gycsdg').datagrid('endEdit', editIndex);
        editIndex = undefined;
        return true;
    } else {
        return false;
    }
}
//单击某行进行编辑
function onClickRow(index) {
    if (editIndex != index) {
    	editsign='edit';
        if (endEditing()) {
            $('#gycsdg').datagrid('selectRow', index)
                    .datagrid('beginEdit', index);
            editIndex = index;
        } else {
            $('#gycsdg').datagrid('selectRow', editIndex);
        }
    }
}
//添加一行(插入首行insert)
function append() {
    if (endEditing()) {
    	editsign='add';
        $('#gycsdg').datagrid('insertRow', {index:0, row:{ }
        });
        editIndex=0;
        $('#gycsdg').datagrid('selectRow', editIndex)
                .datagrid('beginEdit', editIndex);
    }
}
//删除一行
function remove() {
	editsign='del';
    if (editIndex == undefined) { return }
    $('#gycsdg').datagrid('cancelEdit', editIndex)
            .datagrid('deleteRow', editIndex);
    editIndex = undefined;
}
//撤销编辑
function reject() {
    $('#gycsdg').datagrid('rejectChanges');
    editIndex = undefined;
}
//获得编辑后的数据,并提交到后台
function saveChanges() {
    if (endEditing()) {
        var $dg = $('#gycsdg');
        var rows = $dg.datagrid('getChanges');
    }
    if(editsign=='add')
   {
    if (rows.length) {
        $.ajax(
            {
                type: 'post',
                url: contextPath+'/dataWrite/insertData.do',
                traditional:true,
                data: {arrayList: JSON.stringify(rows), },
                success: function (data) {
                    if (data != "") {
                        $.messager.alert('提示', '保存成功！');
                        $('#gycsdg').datagrid('reload');    
                    }
                    else {
                        $.messager.alert('提示信息', '保存失败，请联系管理员！', 'warning');
                    }
                }
            });
    }
    else  
    {
        $.messager.alert('提示信息', '您还没有编辑信息！', 'warning');
    }
 }
else if(editsign=='edit')
    	{
	 if (rows.length) {
	        $.ajax(
	            {
	                type: 'post',
	                url: contextPath+'/dataWrite/updateData.do',
	                traditional:true,
	                data: {arrayList: JSON.stringify(rows), },
	                success: function (data) {
	                    if (data != "") {
	                        $.messager.alert('提示', '保存成功！');
	                        $('#gycsdg').datagrid('reload');    
	                    }
	                    else {
	                        $.messager.alert('提示信息', '保存失败，请联系管理员！', 'warning');
	                    }
	                }
	            });
	    }
	    else  
	    {
	        $.messager.alert('提示信息', '您还没有修改信息！', 'warning');
	    }
    	}
    else if(editsign=='del')
    	{
    	 if (rows.length) {
 	        $.ajax(
 	            {
 	                type: 'post',
 	                url: contextPath+'/dataWrite/deleteData.do',
 	                traditional:true,
 	                data: {arrayList: JSON.stringify(rows), },
 	                success: function (data) {
 	                    if (data != "") {
 	                        $.messager.alert('提示', '保存成功！');
 	                        $('#gycsdg').datagrid('reload');    
 	                    }
 	                    else {
 	                        $.messager.alert('提示信息', '保存失败，请联系管理员！', 'warning');
 	                    }
 	                }
 	            });
 	    }
 	    else  
 	    {
 	        $.messager.alert('提示信息', '您还没有删除信息！', 'warning');
 	    }
    	}
editIndex = undefined;
}

以上是前端JS代码  编辑easyui datagrid

@Controller
@RequestMapping("dataWrite")

public class DataWriteController {

    @Autowired
    private DataWriteService dataWriteService;

    @RequestMapping(value="datalist", method = RequestMethod.GET)
    @ResponseBody
    public JSONObject findAll(int page, int rows)
    {
        JSONObject json = new JSONObject();        
        try
        {    
            JsonConfig jsonConfig = new JsonConfig();
            jsonConfig.registerJsonValueProcessor(Date.class, new JsonDateValueProcessor());
             List<DataWrite>  array =dataWriteService.findData();        
            List<DataWrite> list= dataWriteService.findByPage(page, rows);
            JSONArray list1 = net.sf.json.JSONArray.fromObject(list, jsonConfig);
            json.put("rows", list1);//此处插入rows跟total 加入分页的两个参数 如果没有给这两个参数传值 则不会出现分页结构
            json.put("total", array.size());        
        }
        catch (Exception e)
        {
            e.printStackTrace();
        }
        return json;
    }

通过dataWrite/datalist加载数据，通过dataWrite/insertData对数据库进行增删改查。

就此结束 完成前后台交互