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窗体程序设置棋盘背景图
  • 热门搜索
    环不取可以吗 坐飞机行李怎么托运 陕西旅游景点大全 炼奶可以做什么 凉拌胡萝卜丝 咖啡壶怎么用 农业旅游 师傅的师傅怎么称呼 广东省内旅游 尿布怎么用