吴宇航_习题12_jquery2.docVIP

配置好jquery和后台，使用jquery的load方法把一个页面加载到空的div中。 答： 网页Html代码： fieldset legendAjax的load加载方法/legend div id=d 这是初始化的div内容; /div button id=btnload点我往div里面加载内容：/button /fieldset Jquery脚本代码： $(document).ready(function(){ $(#btnload).click(function(){ $(#d).load(test.html,{name:123},function(){ alert(加载成功); }); }); }); 分别用jquery的post方法，get方法去把数据提交给后台。 答： （1）html页面代码： fieldset button id=btnpost onclick=t2()post数据提交/button button id=btnget onclick=t1()get数据提交/button button onclick=t3()序列化测试/button legend数据提交/legend /fieldset （2）get方法提交数据 function t1(){ $.get(test.html,function(data,status){ alert(数据： + data + \n状态： + status); }); } post方法提交数据 function t2(){ $.post(test.html, { name:Donald Duck, city:Duckburg }, function(data,status){ alert(数据： + data + \n状态： + status); } ); } 用jquery的post以表单序列化的方法提交数据给后台。 （1）html页面代码： fieldset button id=btnpost onclick=t2()post数据提交/button button id=btnget onclick=t1()get数据提交/button button onclick=t3()序列化测试/button legend数据提交/legend form id=form 姓名:input name=name br 学号:input name=id br 性别:input name=sex br 生日:input name=birth br /form /fieldset （2）jquery脚本代码： function t3(){ var form=$(#form); $.ajax({ url:aa.do, data:form.serialize(), type:post, dataType:json, success:function(result){ } }); } 用post，get,或ajax的方法从后台取一个json并转化成json对象。 答： (1)jquery脚本代码： var page=1; function t5(){ // {data:[{id:1,name:aa,sex:男},{id:1,name:aa,sex:男},{id:1,name:aa,sex:男}]}; $.ajax({ url:../List.do, data:{ page:page++ }, type:post, dataType:text, success:function(result){ // var json=eval((+result+));///方法一：由JSON字符串转换为JSON对象 var json=JSON.parse(result);///方法二：由JSON字符串转换为JSON对象 var data=json.data; // var data=result.data; $(#list).html(); for(var i=0;idata.length;i++){ $(#list).append(tr); $(#list).append(td+data[i].id+/td); $(#list).append(td+data[i].name+/td); $(#list).append(td+data[i