ajax--getJSON
2024-09-02 22:51:11
penson.json
[
{
"name":"张三",
"age":25,
"sex":"男",
"phone":"15823456754",
"address":"北京山海淀区",
"qq":"123456"
},
{
"name":"李四",
"age":21,
"sex":"男",
"phone":"13823456754",
"address":"上海市吴淞区",
"qq":"12345678"
},
{
"name":"王五",
"age":28,
"sex":"男",
"phone":"15023456754",
"address":"深圳市",
"qq":"10000"
},
{
"name":"赵六",
"age":20,
"sex":"男",
"phone":"18723456754",
"address":"陕西省延安市",
"qq":"12345678"
}
]
test.js
console.log("哈哈"); console.log("呵呵");
test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="list">
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
<li>555</li>
</ul>
<ul id="list2">
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
<li>5555</li>
<li>5555</li>
</ul>
</body>
</html>
getJSON.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.12.3.js"></script>
<script>
$(function(){ //getJSON() : 获取json文件中的数据 $.getJSON("json/person.json", function(data){
//data是person.json中的数据, 是已经解析过的数据
console.log( JSON.stringify(data) );
}) //getScript() : 加载一个js文件
$.getScript("js/test.js"); //load(): 加载html
$("p").load("html/test.html #list"); })
</script>
</head>
<body>
<p></p>
</body>
</html>
最新文章
- Oracle Sales Cloud:报告和分析(BIEE)小细节1——创建双提示并建立关联(例如,部门和子部门提示)
- Google云平台对于2014世界杯半决赛的预测,德国阿根廷胜!
- django 同步数据库
- SAP采购订单历史明细报表源代码(自己收藏)
- JAVA判断各种类型数据是否为空
- 《Java中的自动装箱和拆箱功能.》
- zoj3882 博弈
- Spring对hibernate的事物管理
- WP8_区分滑动和点击(在图片列表中)
- Solr 多核(MultiCore)配置
- BZOJ 1052 覆盖问题
- C++ 函数声明中指定,默认参数
- asp.net mvc3 的数据验证(一)
- spring 报错
- float浮动-清浮动BFC渲染机制
- Codeforces.1139D.Steps to One(DP 莫比乌斯反演)
- 【转载】Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
- 工控随笔_17_西门子_WinCC的VBS脚本_06_过程和函数
- 用python写一个定时提醒程序
- 在Spring Boot中使用 @ConfigurationProperties 注解, @EnableConfigurationProperties
热门文章
- Ansible 和 Playbook 暂存
- 【精通css读书笔记】 第八章 布局
- ApiCloud如何一键真机测试
- three.js低版本添加文字(如71版本)
- 【leetcode】962. Maximum Width Ramp
- Database - 数据库事务ACID
- C之输入输出函数(3) -- 请使用sscanf()
- 【Dart学习】-- Dart之匿名方法 &; 回调函数 &; 闭包
- cartographer和ROS的坐标系关系
- gensim中TaggedDocument 怎么使用