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窗体程序设置棋盘背景图
  • 热门搜索
    music是什么意思 husband是什么意思 战无不胜是什么意思 海纳百川是什么意思 毛囊炎用什么药膏 刺身是什么 全身无力是什么原因 废旧荧光灯管属于什么垃圾 什么是法 潍坊有什么好玩的地方