一、使用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就搞定了,就不多说了。var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]"
var jsonarray = eval('('+jsonstr+')')
var arr =
{
"name" : $('#names').val(),
"value" : $('#values').val()
}
jsonarray.push(arr)
//2、
var json={}// 定义一个json对象
json.array1=["2","4"]// 增加一个新属性,此属性是数组
json.array1[json.array1.length]='6'// 数组追加一个元素
alert(json.array1)
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、以追加name元素为例,在index.html的<script>标签中,输入js代码:
var names = ['Alice', 'Bob']
var json = []
for (var i = 0i <names.lengthi++) {
json[i] = {'name' : names[i]}
}
document.body.innerText = JSON.stringify(json)
3、浏览器运行index.html页面,此时会打印出追加name元素后的json数组。