jQuery Ajax2

最新推荐文章于 2024-03-13 07:00:00 发布

Tony_Liu0611

最新推荐文章于 2024-03-13 07:00:00 发布

阅读量260

点赞数

分类专栏： web前段(jQuery)

本文链接：https://blog.csdn.net/Tony_Liu0611/article/details/51932134

版权

14 篇文章 0 订阅

订阅专栏

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>other_ajax</title>
	<script type="text/javascript" src="js/jquery-2.2.3.js" ></script>
	<style type="text/css">
	#my_div{
	width: 200px;
	height: 300px;
	background: red;
	}
	</style>
	</head>
	<body>

	<!--<div id="my_div">
	测试测试测试
	</div>-->

	<script type="text/javascript">
	//$.getJSON(); 请求JSON格式的快捷方法
	//第一个参数：请求路径
	//第二个参数：数据
	//第三个参数：回调函数
	$.getJSON("js/car.json", null, function (data) {
	console.log(data);
	});

	//load(): 可以加载某个HTML页面以及页面内的片段
	//第一个参数：请求路径
	//第二个参数：数据
	//第三个参数：回调函数
	//引入整个
	// $("body").load("飞翔的小球和弹弹球.html", null, function () {
	//
	// });
	//引入片段
	$("body").load("飞翔的小球和弹弹球.html #left_fly_div");

	//getScript(): 引入js文件
	$.getScript("js/EventUtil.js", function () {
	// EventUtil.addHandler($("#my_div").get(0), "click", function () {
	// alert($(this).html());
	// });
	EventUtil.addHandler($("#left_fly_div").get(0), "click", function () {
	alert($(this).html());
	});
	});
	</script>
	</body>
	</html>

关注