mysql使用什么类型存json数据(什么数据库适合存json)

将记录转为Json格式

publicString(List,ClassbeanClass,StringdatePatten，inttotalCount){

JSONArrayjsonArray=JSONArrayfromObject();

JsonConfigjsonConfig=newJsonConfig();

JSONArray=newJSONArray();

TbaseModel=null;

for(inti=0;i

JSONObjectrowData=(JSONObject)jsonArrayget(i);

baseModel=(T)JSONObjecttoBean(rowData,beanClass);

JSONObjectjo=JSONObjectfromObject(baseModel,jsonConfig);

add(jo);

}

jsonString=new();

jsonStringappend(toString());

//返回结果集

returnjsonStringtoString();

}

//使用实例

StringstrData=(users,S_USERclass,null,userssize());

//users:多条记录;S_USER:POJO类

“bootstrap-selectjs ”联动改变方式如下：

1、多选效果

可以设置最多只能选几个

2、图文结合的效果

3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）

输入内容前

输入空格搜索出全部

滚动条滑动到底部自动加载剩余项

输入文本动态去后台过滤

更高级的用法如：

代码示例如下：

1、多选效果

select2的多选很简单，设置一个属性就好了。

<script src="~/Scripts/jquery-1102js"></script>

<script src="~/Content/bootstrap/js/bootstrapjs"></script>

<link href="~/Content/bootstrap/css/bootstrapcss" rel="stylesheet" /> 

<script src="~/Content/select2-master/dist/js/select2js"></script>

<link href="~/Content/select2-master/dist/css/select2css" rel="stylesheet" />　<select id="sel_menu2" multiple="multiple" class="form-control">

         <optgroup label="系统设置">

              <option value="1">用户管理</option>

              <option value="2">角色管理</option>

              <option value="3">部门管理</option>

              <option value="4">菜单管理</option>

         </optgroup>

         <optgroup label="订单管理">

              <option value="5">订单查询</option>

              <option value="6">订单导入</option>

              <option value="7">订单删除</option>

              <option value="8">订单撤销</option>

         </optgroup>

         <optgroup label="基础数据">

              <option value="9">基础数据维护</option>

          </optgroup>

     </select> //多选

 $("#sel_menu2")select2({        

 tags: true,        

 maximumSelectionLength: 3  //最多能够选择的个数    });

2、图文结合的效果

<select id="sel_menu" class="js-example-templating js-states form-control">

             <optgroup label="系统设置">

                 <option value="1">用户管理</option>

                 <option value="2">角色管理</option>

                 <option value="3">部门管理</option>

                 <option value="4">菜单管理</option>

             </optgroup>

             <optgroup label="订单管理">

                 <option value="5">订单查询</option>

                 <option value="6">订单导入</option>

                 <option value="7">订单删除</option>

                 <option value="8">订单撤销</option>

             </optgroup>

             <optgroup label="基础数据">

                 <option value="9">基础数据维护</option>

             </optgroup>

         </select>$(function () {    

 //带    

 $("#sel_menu")select2({        

 templateResult: formatState,        

 templateSelection: formatState    

 });

 });

 function formatState(state) {    

 if (!stateid) { return statetext; }    

 var $state = $(      

 '<span><img src="/content/images/' + stateelementvaluetoLowerCase() + 'ico" class="img-flag" /> ' + statetext + '</span>'    

 );    

 return $state;};

3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）

<select id="sel_menu3" class="js-data-example-ajax form-control">

      <option value="3620194" selected="selected">请选择</option>

 </select>$(function () {    //远程筛选

    $("#sel_menu3")select2({

        ajax: {

            url: "/Home/GetProvinces",

            dataType: 'json',

            delay: 250,

            data: function (params) {                

            return {

                    q: paramsterm, // search term                    page: paramspage

                };

            },

            processResults: function (data, params) {

                paramspage = paramspage || 1;                

                return {

                    results: dataitems,

                    pagination: {

                        more: (paramspage  10) < datatotal_count

                    }

                };

            },

            cache: true

        },

        escapeMarkup: function (markup) { return markup; }, // let our custom formatter work

        minimumInputLength: 1,

        templateResult: formatRepoProvince, // omitted for brevity, see the source of this page

        templateSelection: formatRepoProvince // omitted for brevity, see the source of this page    });

});function formatRepoProvince(repo) {    

if (repoloading) return repotext;    

var markup = "<div>"+reponame+"</div>";    

return markup;

}

这里有要注意的一个地方就是processResults属性对应的方法有一个more属性用于是否分页显示的，这里的值要和你需要一次显示的值的条数匹配。

后台对应的方法如下：

public List<string> lstProvince = new List<string>() {"北京市","天津市","重庆市","上海市","河北省","山西省","辽宁省","吉林省","黑龙江省","江苏省","浙江省","安徽省","福建省","江西省","山东省","河南省","湖北省","湖南省","广东省","海南省","四川省","贵州省","云南省","陕西省","甘肃省","青海省","台湾省","内蒙古自治区","广西壮族自治区","西藏自治区","宁夏回族自治区","新疆维吾尔自治区","香港特别行政区","澳门特别行政区" };        

public JsonResult GetProvinces(string q, string page)

        {            

        var lstRes = new List<Province>();            

        for (var i = 0; i < 30; i++)            

        {                

        var oProvince = new Province();                

        oProvinceid = i;                

        oProvincename = lstProvince[i];                

        lstResAdd(oProvince);            

        }            

        if (!stringIsNullOrEmpty(qTrim()))            

        {                

        lstRes = lstResWhere(x => xnameContains(q))ToList();            }            

        var lstCurPageRes = stringIsNullOrEmpty(page)  lstResTake(10) : lstResSkip(ConvertToInt32(page)  10 - 10)Take(10);            

        return Json(new { items = lstCurPageRes, total_count = lstResCount }, JsonRequestBehaviorAllowGet);        }

开始自动读省数据，选择省读市数据，选择市读区数据。

有点小BUG：第二次选省时，读市有问题。。。

JS:

[javascript] view plain copy

Extrequire('Ext');

ExtonReady(function () {

//定义ComboBox模型

Extdefine('State', {

extend: 'ExtdataModel',

fields: [

{ type: 'int', name: 'id' },

{ type: 'string', name: 'cname' }

]

});

// debugger

//加载省数据源

var store = Extcreate('ExtdataStore', {

model: 'State',

proxy: {

type: 'ajax',

url: 'GetTest2DatastrAct=sheng'

},

autoLoad: true,

remoteSort: true

});

//加载市数据源

var store1 = Extcreate('ExtdataStore', {

model: 'State',

proxy: {

type: 'ajax',

url: 'GetTest2DatastrAct=shi'

},

autoLoad: false,

remoteSort: true

});

//加载区数据源

var store2 = Extcreate('ExtdataStore', {

model: 'State',

proxy: {

type: 'ajax',

url: 'GetTest2DatastrAct=qu'

},

autoLoad: false,

remoteSort: true

});

Extcreate("ExtpanelPanel", {

renderTo: documentbody,

width: 290,

height: 220,

title: "城市三级联动",

plain: true,

margin: '30 10 0 80',

bodyStyle: "padding: 45px 15px 15px 15px;",

defaults: {

autoScroll: true,

bodyPadding: 10

},

items: [{

xtype: "combo",

name: 'sheng',

id: 'sheng',

fieldLabel: '选择省',

displayField: 'cname',

valueField: 'id',

store: store,

triggerAction: 'all',

queryMode: 'local',

selectOnFocus: true,

forceSelection: true,

allowBlank: false,

editable: true,

emptyText: '请选择省',

blankText: '请选择省',

listeners: {

select: function (combo, record, index) {

try {

//userAdd = recorddataname;

var parent = ExtgetCmp('shi');

var parent1 = ExtgetCmp("qu");

parentclearValue();

parent1clearValue();

parentstoreload({ params: { strParam: thisvalue} });

}

catch (ex) {

ExtMessageBoxalert("错误", "数据加载失败。");

}

}

}

},

{

xtype: "combo",

name: 'shi',

id: 'shi',

fieldLabel: '选择市',

displayField: 'cname',

valueField: 'id',

store: store1,

triggerAction: 'all',

queryMode: 'local',

selectOnFocus: true,

forceSelection: true,

allowBlank: false,

editable: true,

emptyText: '请选择市',

blankText: '请选择市',

listeners: {

select: function (combo, record, index) {

try {

//userAdd = recorddataname;

var parent = ExtgetCmp("qu");

parentclearValue();

parentstoreload({ params: { strParam: thisvalue} });

}

catch (ex) {

ExtMessageBoxalert("错误", "数据加载失败。");

}

}

}

},

{

xtype: "combo",

name: 'qu',

id: 'qu',

fieldLabel: '选择区',

displayField: 'cname',

valueField: 'id',

store: store2,

triggerAction: 'all',

queryMode: 'local',

selectOnFocus: true,

forceSelection: true,

allowBlank: false,

editable: true,

emptyText: '请选择区',

blankText: '请选择区'

}

]

});

});

Controllers里代码：

[csharp] view plain copy

[AcceptVerbs(>

创建一个Map<Area,Map<Area,List<Area>>>，第一个Area 是 省，第二个是市，第三个是县。然后将Map转换成Json 传到页面，实现联动

以上就是关于mysql使用什么类型存json数据(什么数据库适合存json)全部的内容，包括:mysql使用什么类型存json数据(什么数据库适合存json)、bootstrap-select.js 怎么联动改变，例如：省份，城市二级联动。、怎么运用extjs mvc 与thinkphp实现省市区三级联动等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！