解决消息提示为undefined的方法及向后台提交数据的两种方法

这里介绍一下form表单提交和ajax向服务器提交两种方法的区别以及用法：

后台向前台返回数据时发现我的提示框里面的消息提示为undefined，因此就研究了一下此类问题的方法，下面的解决办法分享给大家。

这是使用form表单提交的方法： jsp部分代码省略，其中含有form表单 js部分代码：

function save(){ $("#fm").form("submit", { url :url, onSubmit : function() { return $(this).form("validate"); }, success : function(data) { if (data){ **var data = eval('(' + data + ')');**//这里是将Json字符串转化为javascript Object $.messager.alert("消息提示",data.message, "info"); } $("#dialog").dialog({ closed : true }); $("#fm").form("clear"); $("#dg").datagrid("reload"); $('#dg').datagrid('clearSelections'); } }); }

后台代码：

@controller public Object addInfo(WareHouseAddCommand ud,HttpServletRequest request){ ResultCommand<BaseObject> result = new ResultCommand<BaseObject>(); try{ log.info("调用WareHouseService里的addWareHouseInfo方法，入参为：{}",ud); wareHouseService.addWareHouseInfo(ud, request); result.setMessage("添加成功"); }catch(Exception e){ result.setMessage("添加失败，数据库中已存在此用户名"); } return result.toJson(); }//将result转化为json格式的字符串返回给前台，返回的格式为以下这样。 { "message": "添加成功" } 如果是用的springmvc框架，则可以加上@ResponseBody该注解在方法名的上面， 则会自动转化为json格式，这里读者可自行查阅资料了解， 此处的toJson是ResultCommand里面 封装的方法。 }

ResultCommand方法里面封装了一些返回前端的消息

public class ResultCommand<T extends BaseObject> extends BaseObject { public final static String SUCCESS = "success"; public final static String FAILED = "error"; private long totalRows; private String errorCode; private String message; private String result = FAILED; get set方法省略。。。。

我们可以看到，这里我们用了 var data = eval(‘(’ + data + ‘)’);这条语句将后台传过来的data（假设为Json格式的字符串）转化为了javascript Object格式，这样我们才可以调用data.message将后台的提示消息在前台显示出来。如果没有添加这句，就会在消息提示里面显示undefined，当然这里我们也可以使用Jquery中的$.parseJson(data)将data转化为Json的对象，这样才可以完成调用。

第二种向服务器传递数据的方法就为$.ajax:

$.ajax({ url:baseUrl+"/XXXcontroller/XXX.htm", data:{ $('#yourformid').serialize();//将你的表单序列化，省去将所需要传递的表单name属性一个个写进来的麻烦 }, dataType:'json' //规定预期的服务器响应的数据类型：json/xml/html/script/jsonp/text。自动转换为对象 success:function(data){ if(data){ $.messager.alert('消息提示',data.message,'info'); $('#dg').datagrid({}); $('#dg').datagrid('clearSelections'); }); } } error:function(e){ alert("错误！！"); }

最后我们来总结一下 首先ajax方式： 1. ajax提交需要写data,不管是自己添加要传送到后台的内容还是序列化表单。 2. ajax提交的好处就是不用自己转化为json格式，直接加上datatype属性即可，指定预期的服务器响应的数据类型。 3. ajax提交需要自己添加表单验证，或者是先使用form表单验证以后，如果成功在执行ajax方法。因为validate是和form提交方式相结合的。

form表单形式： 1. 好处是不需要自己写data和验证。 2. 坏处是需要自己将json字符串格式转化为json对象格式 最后期待各位高手的批评指教。