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窗体程序设置棋盘背景图
  • 热门搜索
    mp3怎么充电 飞机打多了会怎么样 樱花国际日语怎么样 75%酒精怎么配 考研调剂是怎么调剂的 七日杀怎么玩 孕妇咳嗽有痰怎么办 dnf积分怎么获得 拉屎拉出血怎么回事无疼痛鲜红色 大栅栏怎么读