AJAX数据交互的简单实现

 时间:2026-02-16 15:38:43

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窗体程序设置棋盘背景图
  • 热门搜索
    凤爪的做法 柠檬汁的做法 酸菜牛肉的做法 黄记煌三汁焖锅做法 绮怎么读 蒜蓉菜心的做法 水煮花生米的做法 鳕鱼的做法大全 羊蝎子的做法大全 炜怎么读