jQuery MiniUI

标题: mini.decode()时报错:json.replace is not a function [打印本页]
作者: hehehaha    时间: 2012-10-22 13:27:22     标题: mini.decode()时报错:json.replace is not a function

  1. //标准方法接口定义
  2.                 function SetData(data) {
  3.       if (data.action == "edit") {
  4.            //跨页面传递的数据对象，克隆后才可以安全使用
  5.           data = mini.clone(data);                        
  6.           $.ajax({
  7.                url: "DocumentManagement/showById.do?id=" +data.id,
  8.                type: "post",
  9.                success: function (text) {                                                                       
  10.                     var o = mini.decode(text);
  11.                     form.setData(o);
  12.                     form.setChanged(false);
  13.                     mini.getbyName("Subject").setValue(o.Subject);
  14.                },
  15.           error: function () {
  16.                alert(jqXHR.responseText);
  17.           }
  18.       });                      
  19.                     }
  20.                 }
复制代码


mini.decode(text);
这个为什么会报一个 json.replace is not a function 的错呢？
我看DEMO上都是这样写的啊,请问如何解决呢！

作者: factory    时间: 2012-10-22 13:53:17

你的var o = mini.decode(text);
里面的text贴下看看
作者: hehehaha    时间: 2012-10-22 15:07:29

factory 发表于 2012-10-22 13:53
你的var o = mini.decode(text);
里面的text贴下看看

[attach]804[/attach]
是不是JSON的格式问题呢？
作者: niko    时间: 2012-10-22 17:04:53

你能否做一个简单的Html示例，能重现此问题的。
否则我们本地无法重现此问题，而且其他客户也没有报告过此问题。
作者: hehehaha    时间: 2012-10-23 10:25:09

niko 发表于 2012-10-22 17:04
你能否做一个简单的Html示例，能重现此问题的。
否则我们本地无法重现此问题，而且其他客户也没有报告过此 ...

辛苦管理员了。代码如下:
  1. <head>
  2.                 <base href="<%=basePath%>">

  4.                 <title>My JSP 'test2.jsp' starting page</title>

  6.                 <meta http-equiv="pragma" content="no-cache">
  7.                 <meta http-equiv="cache-control" content="no-cache">
  8.                 <meta http-equiv="expires" content="0">
  9.                 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  10.                 <meta http-equiv="description" content="This is my page">
  11.                 <title>员工面板</title>
  12.                 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  13.                 <style type="text/css">
  14. html,body {
  15.         font-size: 12px;
  16.         padding: 0;
  17.         margin: 0;
  18.         border: 0;
  19.         height: 100%;
  20.         overflow: visible;
  21. }
  22. </style>
  23.                 <script type="text/javascript">               
  24.                         var form;
  25.                         $(document).ready(function(){
  26.                                 mini.parse();
  27.                                 form = new mini.Form("form1");
  28.                         });     
  29.                 function SaveData() {
  30.                     var o = form.getData();            
  31.        
  32.                     form.validate();
  33.                     if (form.isValid() == false) return;
  34.        
  35.                     var json = mini.encode([o]);
  36.                     $.ajax({
  37.                         url: "",
  38.                         data: { data: json },
  39.                         cache: false,
  40.                         success: function (text) {
  41.                             CloseWindow("save");
  42.                         },
  43.                         error: function (jqXHR, textStatus, errorThrown) {
  44.                             alert(jqXHR.responseText);
  45.                             CloseWindow();
  46.                         }
  47.                     });
  48.                 }
  49.                 function SetData(data) {
  50.                     if (data.action == "edit") {
  51.                         data = mini.clone(data);
  52.                         $.ajax({
  53.                             url: "DocumentManagement/showById.do?id=" + data.id,
  54.                             type:"post",
  55.                             cache: false,
  56.                             success: function (text) {
  57.                                     mini.decode(text);                                   
  58.                             }
  59.                         });
  60.                     }
  61.                 }       
  62.                 function GetData() {
  63.                     var o = form.getData();
  64.                     return o;
  65.                 }
  66.                 function CloseWindow(action) {            
  67.                     if (action == "close" && form.isChanged()) {
  68.                         if (confirm("数据被修改了，是否先保存？")) {
  69.                             return false;
  70.                         }
  71.                     }
  72.                     if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
  73.                     else window.close();            
  74.                 }
  75.                 function onOk(e) {
  76.                     SaveData();
  77.                 }
  78.                 function onCancel(e) {
  79.                     CloseWindow("cancel");
  80.                 }             
  81.             </script>
  82.         </head>

  84.         <body>
  85.                 <form id="form1" method="post">
  86.                         <input name="id" class="mini-hidden" />
  87.                         <div style="padding-left: 11px; padding-bottom: 5px;">
  88.                                 <table style="table-layout: fixed;">
  89.                                         <tr>
  90.                                                 <td style="width: 80px;">
  91.                                                         报告标题：
  92.                                                 </td>
  93.                                                 <td>
  94.                                                         <input name="Subject" class="mini-textbox" required="true"
  95.                                                                 style="width: 300px" />
  96.                                                 </td>
  97.                                         </tr>
  98.                                         <tr>
  99.                                                 <td style="width: 80px;">
  100.                                                         报告摘要：
  101.                                                 </td>
  102.                                                 <td>
  103.                                                         <input name="Message" class="mini-textarea" style="width: 300px;" />
  104.                                                 </td>
  105.                                         </tr>
  106.                                         <tr>
  107.                                                 <td style="width: 80px;">
  108.                                                         发布日期：
  109.                                                 </td>
  110.                                                 <td>
  111.                                                         <input name="pubdate" class="mini-datepicker" required="true"
  112.                                                                 style="width: 150px;" />
  113.                                                 </td>
  114.                                         </tr>
  115.                                         <tr>
  116.                                                 <td style="width: 80px;">
  117.                                                         报告类型：
  118.                                                 </td>
  119.                                                 <td>
  120.                                                         <input id="combo1" class="mini-combobox" textField="text"
  121.                                                                 name="AnnouncementType" valueField="id" style="width: 150px;"
  122.                                                                 url="DocumentManagement/loadType.do" value="1" required="true"
  123.                                                                 allowInput="true" nullItemText="请选择报告类型..." />
  124.                                                 </td>
  125.                                         </tr>
  126.                                         <tr>
  127.                                                 <td style="width: 60px;">
  128.                                                         作者：
  129.                                                 </td>
  130.                                                 <td>
  131.                                                         <input name="Author" class="mini-textbox" required="true"
  132.                                                                 value="济安金信基金评价中心" style="width: 150px;" />
  133.                                                 </td>
  134.                                         </tr>
  135.                                 </table>
  136.                         </div>
  137.                         <div style="text-align: center; padding: 10px;">
  138.                                 <a class="mini-button" onclick="onOk"
  139.                                         style="width: 60px; margin-right: 20px;">确定</a>
  140.                                 <a class="mini-button" onclick="onCancel" style="width: 60px;">取消</a>
  141.                         </div>
  142.                 </form>
  143.         </body>
复制代码


作者: factory    时间: 2012-10-23 10:59:01

hehehaha 发表于 2012-10-23 10:25
辛苦管理员了。代码如下:

拿你的页面测试了，能够正常给form赋值的。
建议你这样做，先确保官方demo的form的赋值正常运行，然后从这个demo上来一点点改造成你需要的页面
作者: hehehaha    时间: 2012-10-23 11:17:13

factory 发表于 2012-10-23 10:59
拿你的页面测试了，能够正常给form赋值的。
建议你这样做，先确保官方demo的form的赋值正常运行，然后从 ...

请问这个JSON要返回什么格式呢？
我后台是这样写的：
  1. @RequestMapping(value = "showById", method = RequestMethod.POST)
  2.         public void showById(HttpServletRequest request, HttpServletResponse response) throws IOException {
  3.                 String id = request.getParameter("id");
  4.                 List<HashMap> list = userDao.selectList("basessm.mapper.document.showById", id);
  5.                 HashMap<String, Object> hm = new HashMap<String, Object>();
  6.                 JSONObject jo = new JSONObject();
  7.                 for (Object obj : list) {
  8.                         hm = (HashMap) obj;
  9.                         jo.accumulate("name", "Subject");
  10.                         jo.accumulate("text", hm.get("Subject"));
  11.                 }
  12.                 response.setCharacterEncoding("UTF-8");
  13.                 response.getWriter().write(jo.toString());
  14.         }
复制代码
作者: factory    时间: 2012-10-23 13:53:16

hehehaha 发表于 2012-10-23 11:17
请问这个JSON要返回什么格式呢？
我后台是这样写的：

我拿的就是你上面给数据：var txt = '{"name":"subject","text":"哈哈"}';
var o = mini.decode(data);
form.setData(o);是可以正常加载到form里面的
作者: hehehaha    时间: 2012-10-23 14:25:00

factory 发表于 2012-10-23 13:53
我拿的就是你上面给数据：var txt = '{"name":"subject","text":"哈哈"}';
var o = mini.decode(data);
...

万分感谢版主为我解答！
我用IE9试了一下，果然OK。
Chrome也没问题。
Firefox下是出不来的：TypeError: json.replace is not a function.
不知道其它人有没有类似问题呢？应该是我写的不太兼容！
谢谢
作者: factory    时间: 2012-10-23 14:34:16

hehehaha 发表于 2012-10-23 14:25
万分感谢版主为我解答！
我用IE9试了一下，果然OK。
Chrome也没问题。

[attach]811[/attach]
我看了下，我的FF是最新的16.0.1版本的，也是可以正常加载的
作者: hehehaha    时间: 2012-10-23 16:51:26

谢谢版主，我想是我程序中还有问题。我处理一下



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2