jq - ajax -的方法

来源:互联网 发布:网络营销策划方案 编辑:程序博客网 时间:2024/05/16 23:57
 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-2.1.1.js"type="text/javascript"charset="utf-8"></script> <script type="text/javascript"> $(function(){ var arrAllData = []; $.ajax({ type:"get", url:"5.json", async:true, success:function(res){ console.log(res.product); //把拿到的数据中的有用信息放到一个数组中 arrAllData = res.product; setData(); } });   //把数据放到页面 function setData(){ // for (var i = 0; i < arrAllData.length; i++) { var obj = arrAllData[i]; $('li').eq(i).find('p').eq(0).text(obj.product_name); $('li').eq(i).find('p').eq(1).text(obj.product_price); } }   }); </script> <body> <ul> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> <li> <p></p> <p></p> </li> </ul> </body> </html>
0 0
原创粉丝点击