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

一、使用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就搞定了，就不多说了。

=并不会把上一条覆盖，因为arr[i].name并不一样，相当于给json动态添加不同的属性。结果如下

当然，如果你数组中的那么如果会一样的话，那么就会被覆盖掉。如果是想要往一个新的对象上加，当作它的属性，那么属性名肯定是唯一的。如果你只是单纯的先把数组变成json串的话，可以使用JSON.stringify(),如下

函数不需要 return，因为 json 对象会被函数直接修改。

var str1 = {"name": "apple", "sex": "21"}

// 参数：prop = 属性，val = 值

function createJson(prop, val) {

// 如果 val 被忽略

if(typeof val === "undefined") {

// 删除属性

delete str1[prop]

}

else {

// 添加 或 修改

str1[prop] = val

}

}

下面为测试

// 无改动，输出 Object {name="apple", sex="21"}

console.log(str1)

// 添加属性 color，值为 red

createJson("color", "red")

// 输出 Object {name="apple", sex="21", color="red"}

console.log(str1)

// 修改属性 name 的值为 banana

createJson("name", "banana")

// 输出 Object {name="banana", sex="21", color="red"}

console.log(str1)

// 删除属性 sex

createJson("sex")

// 输出 Object {name="banana", color="red"}

console.log(str1)

函数应该有三个参数的，第一个为 json 对象，但应你要求，只写了两个，所以函数只能用于修改 str1。

---