AJAX数据交互的简单实现

 时间:2024-10-15 12:58:18

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窗体程序设置棋盘背景图
  • 热门搜索
    牛仔衣怎么搭配 海鱼怎么做 面瘫是怎么引起的 网上被骗了怎么办 珍珠粉怎么吃 显卡怎么升级 儿童头发怎么扎好看 淘宝怎么找同款 怎么缩小图片 微信密码怎么修改