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

①$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就搞定了，就不多说了。

1、新建一个HTML页面，命名为test.html。

2、编写JS代码，将上面的JSON数据存储于JS变量JSONObject中，方便后面通过该变量取出JSON值。

3、编写HTML代码，定义四个span标签，用于后面将读取的JSON数据放入其中显示出来。

4、为了方便将JSON值在span标签内显示，每个span标签添加id属性，并设置专有的id值。

5、JSON数据是以对象为基础的数据，可以通过“JSON.名称”的方式取出值来。例如，下面把JSON的变量取出来并存于一个变量中。

6、通过使用document.getElementById的方法获得span对象，再把读取出来的JSON数据使用innerHTML方法显示在span标签中。