前端解析后台返回的JSONArray字符串

前端之家收集整理的这篇文章主要介绍了前端解析后台返回的JSONArray字符串前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. $(function(){
  2. $.ajax({
  3. url:"${ctx}/showAct.do",async:true,type:'GET',dataType:'json',//这里注意一定要是json类型
  4. success:function(resMsg){//resMsg是一个jsonarray字符串,经过前台解析后会变成一个对象
  5. var list=new StringBuffer();//自定义的拼接字符串函数,高效。
  6. $.each(resMsg,function(i,actObj){//i表示循环的下标,actObj表示循环的对象,可自定义名字
  7. list.append("<tr>");
  8. list.append("<td>"+actObj.act_id+"</td>");
  9. list.append("<td>"+actObj.username+"</td>");
  10. list.append("<td>"+actObj.emp_id+"</td>");
  11. list.append("<td>"+actObj.phone+"</td>");
  12. list.append("<td>"+actObj.createtime+"</td>");
  13. list.append("<td>"+actObj.title+"</td>");
  14. list.append("<td>"+actObj.content+"</td>");
  15. list.append("<td>"+actObj.applyNum+"</td>");
  16. list.append("<td class='text-center'>");
  17. list.append("<button class='btn btn-info'>报名</button>");
  18. list.append("<button class='btn btn-info disabled'>取消报名</button>");
  19. list.append("<button class='btn btn-info disabled'>删除</button>");
  20. list.append("</td>");
  21. list.append("</tr>");
  22. });
  23. var head="<tr class='text-center'><td>编号</td><td>发布人</td><td>工号</td><td>电话</td><td>发布时间</td><td>标题</td><td>内容</td><td>报名人数</td><td>操作</td></tr>";
  24. $("#act_table").html(head+list.toString());
  25. },});
  26. });



自定义的字符串拼接函数

  1. // 高效的字符串拼接函数,替代使用+号的低效率拼接,使用时直接复制即可
  2. function StringBuffer() {
  3. this.__strings__ = new Array();
  4. }
  5. StringBuffer.prototype.append = function (str) {
  6. this.__strings__.push(str);
  7. return this; //方便链式操作
  8. }
  9. StringBuffer.prototype.toString = function () {
  10. return this.__strings__.join("");
  11. }

猜你在找的Json相关文章