48-(JQuery的Ajax)Ajax-get

七色的天空

于 2023-10-26 18:33:48 发布

阅读量115

点赞数

分类专栏： 05_JQuery 文章标签： jquery ajax 前端

本文链接：https://blog.csdn.net/q506174602/article/details/134062344

版权

05_JQuery 专栏收录该内容

51 篇文章

订阅专栏

博客围绕jQuery和Ajax在前端开发中的应用展开，虽未给出具体内容，但可知涉及这两项前端技术。jQuery能简化DOM操作，Ajax可实现异步数据交互，二者结合可提升前端性能和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>get</title>
</head>
<body>
	<input type="text" name="">
	<input type="button" name="" value="查询">


	<script type="text/javascript" src="../jquery-3.2.1.js"></script>

	<script type="text/javascript">
		$(function() {
			$("input").eq(1).click(() => {
				// $.ajax({
				// 	url: `http://121.196.8.145:10000/test/getfundAll?pageNum=${$("input").eq(0).val()}`,
				// 	type: 'GET',
				// 	// contentType: '',
				// 	// data: {
				// 	// 	pageNum: $("input").eq(0).val()
				// 	// },
				// 	success: function(res) {
				// 		console.log(res)
				// 	}
				// })


				// $.get(url, data, callback)
				// $.get(`http://121.196.8.145:10000/test/getfundAll?pageNum=${$("input").eq(0).val()}`, function(res) {
				// 	console.log(res)
				// })

				$.get(
					`http://121.196.8.145:10000/test/getfundAll`, 
					{
						pageNum: $("input").eq(0).val()
					},
					function(res) {
					console.log(res)
				})
			})
		})
	</script>
</body>
</html>