在使用Jquery+Ajax 往Table 中Td 添加入数据,

在使用Jquery+Ajax 往Table 中Td 添加入数据,,第1张

//调用一般处理程序  将你的DataTable转为json Response.Write(json) var para = {

   "actionname":"xx"

}  //定义好你需要传的参数

$.ajax({

                url: location.href, //url地址

                type: "POST",

                data: para,//模拟个数据

                success: function (result) {

                //我这里返回的是text 

                    if (result != "" && result != undefined) {

                        var data = JSON.parse(result)   //所以这里转了一不json 如果你返回的直接是json就不用转了直接 *** 作result

                        var tempHtml = ""

                        for(var i = 0 i< data.length i++)

                        {

                             tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>"

                        }

                        $("table").append(tempHtml) //添加你拼接好的html到table里

                    }

                }, error: function (err) {

                }

    })

首先要把接受到的json格式字符串 转化为json对象。那你可以这样:

①如果用jquery的ajax,只需要指定接受字符串的dateType为 json,这时候的实参data就已经是js对象了。

②如果不用jquery的ajax,直接执行eval(如三楼采用的:

var jsonObj =

eval(jsonStr)

eval 本身的作用就是执行字符串 )。

③还有就是parseJSON()和parse()这俩方法了(貌似需要浏览器支持,或者引入JSON2.js)。

得到了 对象一切就好说了。如果是数组格式(比如后端的json是根据ArrayList序列化来的)可以像 *** 做数组一样直接根据index取得相应数据。如果是键值对(后端是map序列化成的标准json格式

) 那就直接key.value就能取得相应数据了。

function loadData(){

$.ajax({

type: "POST",

url: "",

dataType: "xml",

success: function(returnedData){

var html = ""

var tdHead = "<td>"

var tdFoot = "</span></div></td>"

$(returnedData).find('student').each(function(i){

var id = $(this).find('id').text()

var name = $(this).find('name').text()

var age = $(this).find('age').text()

html +=

tdHead + name + tdFoot +

tdHead + age + tdFoot + "</tr>"

})

$("#t2 tr:gt(0)").remove()//这一句清空上一次的请求数据

$("#t2").append(html)//往表单里面追加数据

}

})

}


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

原文地址:https://54852.com/bake/11902850.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存