AJAX数据交互的简单实现

 时间:2026-04-22 02:40:41

1、<body>

<input type="button" value="点击" id="btn1">

</body>

2、data.json:

[

  {"name":"21"},

  {"name":"22"},

  {"name":"23"},

  {"name":"24"},

  {"name":"25"}

]

3、<script src="js/jquery-2.1.1.min.js"></script>

<script type="text/javascript">

$('#btn1').click(function(){

    $.ajax({

        url:'data.json',

        dataType:'json',

        type:'POST',

        success:function(res){

            //console.log(res);

            $.each(res,function(i,n){

                var oLi='<li>'+n["name"]+'</li>';

                alert(oLi);

                document.write(oLi)

            })

        }

    })

})

  • 让VS编辑窗口显示行数
  • IntelliJ IDEA添加注释快捷键及操作
  • Ubuntu、Linux如何下载Dota2游戏
  • [VS2017使用] 修正无法添加MFC类的问题[TZZ]
  • java窗体程序设置棋盘背景图
  • 热门搜索
    制造费用分配方法 汽车违章怎么查询 暴风魔镜怎么用 脱毛好方法 脱机工作怎么解除 梭鱼的家常做法 惩罚女朋友最疼最污的方法 长鸡眼怎么治最快 正版免费全年资料大全2019年 栀子花的养殖方法