第一步,创建一个HTML,html是网页的基础与骨架:
第二步、在html中增加测试数据,定义一个checkbox,目的是使用jquery ajax方法get请求获取数据填充,
第三步、编写jquery 方法,按钮点击时,触发事件,将选中的checkbox值获取,
第四步、打开浏览器,打开测试页面,进行测试:
第五步、完成效果图。
1、使用Ajax异步获取
var j$ = jQuery.noConflict();
function shuju(id){
j$.post("/qr/getFenBureauById-qr.action?zhiBureauId="+id,{name:"xiaoming",city:"zhongguo"},function(date){
j$("fenBureauId").html(date);
});
}
//j$:jquery中重新定义的标识符
//jquery中post的语法:j$.post("URL",{变量:val,变量:val,变量:val},function//(date){ ... })
//URL:请求的地址 可以是action,具体写法下面可看到
//变量:val 可以是多个
//date:返回的数据
页面没接到数据你可以跟踪一下,看你后台的代码确实已经返回了,在js里插几条alert,看看执行到哪