通过jquery的ajax请求本地的json文件

最新推荐文章于 2024-08-16 16:27:09 发布

罗荣盛

最新推荐文章于 2024-08-16 16:27:09 发布

阅读量3.2w

点赞数 2

分类专栏： jquery

本文链接：https://blog.csdn.net/luorongsheng/article/details/52523799

版权

这篇博客分享了作者学习jQuery AJAX的过程，通过创建ajaxTestDemo.html并设置一个id为test的div，然后引入jquery.min.js。文中提到，可以利用jQuery的$.ajax或$.getJSON方法读取本地的shuju.json文件。作者强调每日学习的重要性，认为积累能够帮助个人在技术道路上走得更远。

摘要由CSDN通过智能技术生成

自己学习jquery的ajax的经历，记录一下

ajaxTestDemo.html

在body里面放一个id为test的div

第一步还是要先加载jquery文件 jquery.min.js

<script>
    $(function(){
            $.ajax({
            //请求方式为get
            type:"GET",
            //json文件位置
            url:"./data/shuju.json",
            //返回数据格式为json
            dataType: "json",
            //请求成功完成后要执行的方法
            success: function(data){
                //使用$.each方法遍历返回的数据date,插入到id为#result中
                var str="<ul>";
                $.each(data.list,function(i,n){
                    str+="<li>"+n["item"]+