$(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get("http://www.imooc.com/data/info_f.php",function(data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫:" + data.name + "</li>"); $("ul").append("<li>男朋友对我说:" + data.say + "</li>"); }, "json"); }) });
查jq的文档。
$.get( url [, data ] [, success ] [, dataType ] )
dataType指从服务器返回的预期的数据类型。默认:xml, json, script, text,html。 所以才写json
bind()和on()一样是绑定事件,告诉浏览器在鼠标点击时候要做什么。
你换成on()也是一样的。
再来就是而后面的json。
回调函数function(data,status,xhr){} 一般里面有三个参数。
data就是获取请求的数据,
status就是请求的状态,比如测试里面点击后,出现了ul列表。
而xhr就是数据对象的类型。因为是JSON 结构定义的数组,数据类型是json格式, 所以加上才能获取数据。
http://www.runoob.com/jquery/event-bind.html
http://www.runoob.com/json/json-tutorial.html