zoukankan      html  css  js  c++  java
  • 怎么把后台传过来的Json拼成table 用Jquery ajax()

    页面上的表格定义:
    <table id="tableId"></table>

    js中的代码:
    var $parent0 = $('#tableId);//获取页面上id为tableId的table对象

    $parent0.append($("<tr><td>姓名</td><td>年龄</td></tr>"));//html字符外面的$()不能少,这是jquery的

    var tableStr;//定义一个用来拼表格内容的字符串

    $.post("/getJson.action", { //ajax请求,这个地址需要返回json数据(json字符串)
    varName1:$('#varId1').val(),//传递参数
    varName2:$('#varId2').val()
    }, function (data, textStatus){//data就是返回的json数据,textStatus表示请求返回的状态
    alert(data);//可以再此看看返回的全部json数据
    $.each( data , function(i, item) {//这个data是个数组,
    //数组里是包含了name和age属性的对象
    alert(item['name']);//item就表面每个对象,用item['name']来获取对应属性的值
    alert(item['age']);

    //在each方法中循环地拼tr,td元素,也可以不拼单个,直接在each方法是append到table对象下
    tableStr += "<tr><td>"+item['name']+"</td><td>"+item['age']+"</td</tr>";

    });

    $parent0.append($(tableStr));//将表格内容增加到表格里

    });
  • 相关阅读:
    thinkPHP5.0 获取域名
    tp5 composer在packagist引入验证码
    使用build.php快速搭建前后台
    __construct()和__initialize()
    mysql 如何给SQL添加索引
    mysql如何查看SQL语句的执行时间
    thinkPHP自带的图片批量打包扩展ZipArchive
    sizeof和strlen
    Uboot中汇编指令
    Uboot代码分析
  • 原文地址:https://www.cnblogs.com/liangxuru/p/3307628.html
Copyright © 2011-2022 走看看