标签：原生 index 请求 stu Ajax cls data id name

首先先写一个json文件声明内容 {

// 先判断是否是200
// 获取数据
// 返回数据

    "status":200,     "data":{         "name":"Web",         "student":[             {"id":1001,"name":"张三"},             {"id":1002,"name":"李四"},             {"id":1003,"name":"王五"}         ]     },     "msg":"错误信息" } 第一个为原生的方法 <script>         $(function(){             //原生的Ajax             // $.ajax({             //     type:"get",             //     //请求的地址             //     url:"./data.json",             //     // data:{id:1001},//请求参数             //     //data:"id=1001&name=zhangsan",//请求参数application/x-www-form-urlencoded             //     //contentType:"json",//请求参数的格式             //     dataType:"json",//返回数据形式             //     //成功时执行             //     success:function (data){             //         console.log(data);             //         if(data.status===200){             //             var cls=data.data;             //             $("legend").text(cls.name);

 

            //             var students=cls.student;             //             for (let index = 0; index < students.length; index++) {             //                 const stu = students[index];             //                 $(".data tbody").append("<tr><td>"+stu.id+"</td><td>"+stu.name+"</td></tr>");             //             }             //         }else{             //             console.log(data.msg);             //         }             //     },             //     error:function(res){             //         console.log(res);             //     }             // })   }) 还可以用另一种方法： <script> $(function(){ $.get("./data.json",function(data){                 if(data.status===200){                         var cls=data.data;                         $("legend").text(cls.name);
                        var students=cls.student;                         for (let index = 0; index < students.length; index++) {                             const stu = students[index];                             $(".data tbody").append("<tr><td>"+stu.id+"</td><td>"+stu.name+"</td></tr>");                         }                     }else{                         console.log(data.msg);                     }             })             //url [data]  success  [dataType]             //$.post()   }) 最后显示内容 body的内容： <legend></legend>     <table class="data">         <thead>             <td>id</td>             <td>name</td>         </thead>         <tbody>             <!-- <tr></tr> -->         </tbody>     </table> <legend></legend>     <table class="data">         <thead>             <td>id</td>             <td>name</td>         </thead>         <tbody>             <!-- <tr></tr> -->         </tbody>     </table>

标签：原生,index,请求,stu,Ajax,cls,data,id,name
来源： https://www.cnblogs.com/wangruoyi/p/15587972.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。