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窗体程序设置棋盘背景图
  • 热门搜索
    睾丸痒怎么办 如何做红烧肉 红烧大排怎么做 怎么切换显卡 西安华山旅游攻略 怎么能减肥 怎么改默认浏览器 郑州职业技术学院怎么样 哺乳期减肥 张掖旅游攻略