本文目录
ajax返回的json怎么读取
var data = ’{"name":"jack" ,"age": 11, "sex": "man" ,"phone":288770}’; var jsondata = $.parseJSON(data);$.parseJSON()将json字符串转化为Object对象,json字符串内的键名成为了Object对象的属性名var name = jsondata.name;......以此类推,就能取到对应的值注:data需要是字符串类型
怎样读取json文件,并且把内容赋值给变量var
以ajax为例,假设你某次ajax定义为:
var arra;
$.ajax({
type : "POST", //提交方式
url : "url",//路径
data : {
"org.id" : "${org.id}"
},//数据,这里使用的是Json格式进行传输
success : function(result) {//返回数据根据结果进行相应的处理
console.info(result);//可以把result打出来康康
arra = result.汉字;
}
});
如上例,返回的result就是你的json,你直接从result中就能取到值了
ajax怎么渲染数据并插入样式
1、打开HBuilderX工具,创建Web项目,新建静态页面ajax.html。2、打开已新建的ajax.html文件,引入jquery文件并修改title标签内容。3、在
标签中,插入一个div标签,并在div标签中插入一个table。4、接着在项目中的data文件夹下,新建user.json文件。5、打开user.json文件,添加json格式数据。6、在标签中,jquery初始化函数,调用ajax()方法读取json文件数据,返回成功后,将数据渲染加到table中。7、再添加一个style标签,利用元素选择器设置表格样式。8、保存代码并运行页面文件,打开浏览器查看效果,即可看到一个表格。如何使用ajax读取Json中的数据
首先要明白ajax的基本格式,参考下面的内容,可以发现,success是请求成功后服务器返回的数据,接收只需要把回调函数的值处理就可以了,如:
response:即为服务器返回的数据,{"uid":123,"name":"jghdream"},
输出如下:
....success: function(response){ console.log(response.uid); console.log(response.name);}.....
以下是ajax的一些参数:
$.ajax({ type:’post’, url:’/testajax.php’, dataType:’json’, data:{uid:uid,rands:Math.random()}, success: function(){ alert(’ajax return success’);}});
url,类型:String,默认值: 当前页地址。发送请求的地址
data, 类型:String,发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:} 转换为 ’&foo=bar1&foo=bar2’
dataType,类型:String,预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串
success,当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。