JS eval很重要一定要分清楚json对象和json字符串区别

最新推荐文章于 2020-12-14 00:41:55 发布

原创最新推荐文章于 2020-12-14 00:41:55 发布 · 695 阅读

0 ·

CC 4.0 BY-SA版权

WEB前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了解决LigerUI框架中三级联动组件数据绑定错误的方法。通过使用$.getJSON替代$.post来自动将返回的数据转换为JSON格式，或是使用eval()将post返回的字符串转换成JSON对象，从而成功解决了数据绑定的问题。

今天写ligerui三级联动读取数据总是报错：

uncaught exception: Syntax error, unrecognized expression: [{id:0,code:0,name:'÷éy'},{id:186,code:430100,name:'™'},{id:187,code:430200,name:'*2'},{id:188,code:430300,name:'Xm'},{id:189,code:430400,name:'a3'},{id:190,code:430500,name:'µ3'},{id:191,code:430600,name:'³3'},{id:192,code:430700,name:'8·'},{id:193,code:430800,name:' ¶L'},{id:194,code:430900,name:'Ê3'},{id:195,code:431000,name:'ôÞ'},{id:196,code:431100,name:'8Þ'},{id:197,code:431200,name:'

调用方法:

$.post("../Data1/Sql_Ssx.ashx?Action=QXbyC", {}, function (result) {
$("#tCity").ligerGetComboBoxManager().clearContent();

                $("#tCity").ligerGetComboBoxManager().setData(result);
                //   $("#tCity").ligerGetComboBoxManager().updateStyle();
            });

json字符串没有问题数据返回没有问题字符串绑定调试一直报错以为读取的数据格式不正确其实不是post调用返回的是字符串而ligerui绑定设置数据要求是json对象

使用如下方法：

$.getJSON(("../Data1/Sql_Ssx.ashx?Action=QXbyC",
                      function (json) {
                          $("#tCity").ligerGetComboBoxManager()..setData(json); //把json塞到下拉框里面去

                      }
                   );

就没有问题因为 getjson 返回的数据格式格式化为json对象或者数组了而post没有所以post的数据需要eval() 这样就没有问题了

$.post("../Data1/Sql_Ssx.ashx?Action=QXbyC", {}, function (result) {
$("#tCity").ligerGetComboBoxManager().clearContent();

$("#tCity").ligerGetComboBoxManager().setData(eval(result));
// $("#tCity").ligerGetComboBoxManager().updateStyle();

});

//或者声明的时候：赋值给一个变量通过对象变量改变值

var gcity1 = $("#tCity").ligerComboBox({
                data:'',
                valueField: 'code',
                textField: 'name',
                selectBoxWidth: 140,
                autocomplete: true,
                width: 140,
                initValue: 0,
                isMultiSelect: false,
                onSelected: function (newvalue) {
                    getcity(gcity2, "../Data1/Sql_Ssx.ashx?Action=QXbyC&city_val=" + newvalue)
                }
            });

gcity1.setData(data)