jQuery的实现原理的模拟代码 -5 Ajax

2020-05-18 09:01:46易采站长站整理

jQuery.get(url, function (data) {
self.each(function () {
this.innerHTML = data;
}
)
}
)
}
}
)

在页面中,可以如下使用。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title></title>
</head>
<body>
<input type=”button” id=”btn” value=”Click me” />
<div id=”msg”>
</div>
<script src=”jQuery-core.js” type=”text/javascript”></script>
<script src=”jQuery-event-2.js” type=”text/javascript”></script>
<script src=”jQuery-data.js” type=”text/javascript”></script>
<script src=”jQuery-extend.js” type=”text/javascript”></script>
<script src=”jQuery-ajax.js” type=”text/javascript”></script>
<script type=”text/javascript”>
$(“#btn”).click(function () {
$(“#msg”).load(“hello.txt”);
})
</script>
</body>
</html>