利用jquery使用ajax

最新推荐文章于 2024-07-15 22:52:27 发布

木木ainiks

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量298

点赞数

文章标签： python 开发语言 c#

本文链接：https://blog.csdn.net/m0_55995610/article/details/123333976

版权

因为某些兼容性的问题，我们通常会使用jquery来写ajax,要使用jquery首先我们需要导入jquery.

<script type="text/javascript" src="http://localhost:8080/jquery_test/jquery.js"></script>

以下是html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>first web</title>
<link rel="stylesheet" href="./index.css">
<script type="text/javascript" src="http://localhost:8080/jquery_test/jquery.js"></script>
<script src="http://localhost:8080/jquery_test/test.js"></script>
</head>
<body>
<div>
	<h1 id="g1">欢迎进入我的网站</h1>
	<div id="k1">
		<form action="">
		<div>内容:<textarea name="content" rows="8" cols="30" id="content"></textarea></div>
		<div id="ss"></div>
		</form>
		<button id="t1">点击</button>
		<p></p>
	</div>
</div>	
</body>
</html>

以下是js代码

$(function(){
$("#t1").click(function(){
$.ajax({
	url:"http://localhost:8080/jquery_test/Use_ajax",
	error:function(){
	alert("请求失败");
	},
	success:function(data){
	alert(JSON.stringify(data));
	alert(new Date());
	},
	type:"get",
	dataType:"json",
	data:{
		a:18,
		name:17,
		date:new Date()
	}
});
});
});