jquery easyui 中的combobox读取后台传递过来的json数据的例子

jquery easyui 中的combobox读取后台传递过来的json数据的例子,第1张

第一步,在后台Action 要先生成符合comboboxJson格式的数据,就是将你的list转换为这种格式,通常是Map里面存两个 diCode diName diCode相当于<optiion>里面的value diName 这是text

将组装好的Map放入list 中,然后将list转换为json就好。

第二步,在jsp页面后者其它前台页面直接这样就可以:

<input class="easyui-combobox"

name="cc"

id="cc"

url="<%=path %>/json/dataAction!cascadeActionaction"

valueField="diCode"

textField="diName"

panelHeight="auto" editable="false" />

页面上写input 也可以 写select 也可以 只要你写了class="easyui-combobox"就变成easy-ui的控件了。url是最核心的东西,指向你后台将要返回json的Action

JSON 一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互。(现在公司大部分都用这个)。 json的表示方式:{"city":"Beijing","street":" Chaoyang Road ","postcode":100025} ,这就是个简单的json对象。实际上此处的 json对象相当于 Java 中的 Map<String, Object>。注意 Key 只能用 String 表示。

其中 Value 也可以是另一个 Object 或者数组,因此,复杂的 Object 可以嵌套表示,例如,一个 Person 对象包含 name 和 address 对象,可以表示如下:

{"name":"Michael","address":

{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

}

</SPAN>

</SPAN>JavaScript 处理 JSON 数据

function handleJson() {

var j={"name":"Michael","address":

{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

};

documentwrite(jname);

documentwrite(jaddresscity);

}

现在一般在后台用gson将数据转换成json对象,前台用jquery的ajax与后台的数据进行交互。具体咋用网上有很多实例,如果实在不懂得话,加我的qq:1249119842

for (var i in content) {

 $("connect")append("<tr id='active_obj_"+i+"' class='active active_obj_'></tr>");

 for (var j in content[i]) {

    $("#active_obj_"+i)append( "<td>"+content[i][j]+"</td>")

 }

}

{total:5,page:1,records:45,rows:[{userName:'张三',password:123},{userName:'李四',password:123}]}

上面是jqgrid默认的json数据格式,其中total:页面总数,page:当前页数,records:所有记录数,rows:当前页面行数据。如果不想使用默认的格式可以定义自己的jsonReader。jqgrid默认是对rows循环遍历生成表格行,如果在js中定义的colModel的name分别为userName和password,则生成的grid数据行如下:

张三 123

李四 123

可以使用$1表示脚本执行时传入的第一个参数,即传入的json文件名或路径。在脚本中可以使用这个参数来读取json文件的内容,然后提取出需要的时间参数。

假设json文件格式如下:

{

"time": "2022-01-01 00:00:00",

}

{

"time": "2022-01-01 00:00:00",

}

在脚本中可以使用以下命令来提取出时间参数值:

time=$(cat $1 | jq -r 'time')echo $time

time=$(cat $1 | jq -r 'time')

echo $time

其中cat $1表示使用$1传入的json文件名或路径来读取文件内容,jq是一个JSON解析器工具,可以使用jq命令来从JSON数据中提取想要的信息。time表示提取出JSON对象中的time字段,-r选项表示输出裸数据。最后将提取出来的时间参数值保存在time变量中,并打印出来。

格式不对,应该输出这样才行

{"page":1,"total":2,"records":2,"rows":

[{"id":"SNMZ","cell":["SNMZ","n","金钻卡"]},{"id":"SNMZ","cell":["SNMZ","n","金钻卡"]},{"id":"SNMZ","cell":["SNMZ","n","白金卡"]}]

}

以上就是关于jquery easyui 中的combobox读取后台传递过来的json数据的例子全部的内容,包括:jquery easyui 中的combobox读取后台传递过来的json数据的例子、js如何获取ajax返回的json的数据、求助jq遍历二维json数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9406421.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存