jQuery get post 碎片（远程html）加载

最新推荐文章于 2021-08-05 15:58:04 发布

每天都有进步

最新推荐文章于 2021-08-05 15:58:04 发布

阅读量271

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/weixin_37141881/article/details/53991704

版权

HTML5 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-2.2.4.min.js"></script>
		<script>
			/*  get 和post 请求，就简单调用方法就行*/
			$(window).load(function() {
				$('#btn').on('click', function() {
					$.get('http://localhost/myservice/jQueryAjax.php', {
						'name': $('#inputID').val()
					}, function(d) {
						$('#spanID').text('结果是:' + d);
					}).error(function(e){
						console.log(e);
					});
				});

			});
		</script>
	</head>

	<body>
		<input type="text" id="inputID" />
		<br/>
		<button id="btn">Send</button>
		<span id="spanID"></span>
	</body>

</html>

加载碎片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-2.2.4.min.js"></script>
		<script>
		
			$(document).ready(function(){
				//加载碎片，加载远程html元素，还能执行其中的JS方法
				$('body').load('box.htm',function(a,status,c){
					console.log(status);
					test();
				})
				//加载另外的js文件
				$.getScript('碎片加载中.js',function(){
					//调用JS方法
					loading();
				});
			});
		</script>
	</head>
	<body>
	</body>
</html>

box.htm

<div style="width: 100px;height: 100px;background: red;"></div>
<script>
function test(){
	alert("test方法被执行了");
}
</script>

碎片加载中.js

function loading(){
	alert('加载中...');
}

每天都有进步

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery get post 碎片（远程html）加载

/* get 和post 请求，就简单调用方法就行*/ $(window).load(function() { $('#btn').on('click', function() { $.get('http://localhost/myservice/jQueryAjax.php', { 'name': $('#inputID').val()
复制链接

扫一扫