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窗体程序设置棋盘背景图
  • 热门搜索
    威尔斯瓷砖质量怎么样 大地保险车险怎么样 论文文献综述怎么写 iphone怎么刷机 麦本本笔记本怎么样 老板不发工资怎么办 兔子拉稀怎么办 支付密码忘了怎么办 来大姨妈肚子疼怎么办 婴儿缺铁怎么补