js获取json数据,自动添加至表格,如何防止重复

js获取json数据,自动添加至表格,如何防止重复,第1张

一、使用js获取接口数据的方法

①$get(url,[data],[callback])

url:请求的地址data:请求数据的列表callback:请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个为服务器的状态,是可选参数。

其中服务器返回数据的格式其实是字符串形式,并不是我们想要的JSON数据格式。上例子:

var url3 = 'http://mshop.gemstc.com/ApiService/msgget.php'

$.get(url3,function(data){

alert(data)

})

此时如果对data采用json解析数据,得到的值为undefined。所以我们使用这种get方法获取到的值要是JSON格式,需要定义获取的数据类型为json格式,上例子:

var url3 = 'http://mshop.gemstc.com/ApiService/msgget.php'

$.get(url3,function(data){

$('#result').append('

interval:'+data.name+'

')//此时返回的是JSON格式的内容,例:我们可以使用data.name获取到name字段的值并输出。

}, 'json')

②$post(url,[data],[callback],[type])

post方法中多了一个type:获取数据的类型格式,post其实和get是一样的用法,type不定义,返回的是字符串类型的,定义为json格式,返回的就是json格式的数据,此处可以仿照上面的get方法,把get改成post就搞定了,就不多说了。

json一般是通过js来解析的,然后在页面上显示,所以用Struts-tags标签来遍历肯定是不行的,因为标签所取的值来自于ValeStack,然后输入Ognl表达式得到,这里的Json不符合这个条件。json格式的数据我们是可以通过js代码拆分的,然而我们的table也是可以通过js代码动态生成的,所以你动态生成table的同时把json的数据追加进table里面就可以了。


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

原文地址: https://outofmemory.cn/bake/11394179.html

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

发表评论

登录后才能评论

评论列表(0条)

保存