ajax基础——jq

最新推荐文章于 2024-07-25 12:41:07 发布

taojYang

最新推荐文章于 2024-07-25 12:41:07 发布

阅读量226

点赞数

分类专栏： ajax 文章标签： ajax jquery

本文链接：https://blog.csdn.net/weixin_43293451/article/details/91825432

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jquery</title>
</head>
<body>
	<script src="jquery.min.js"></script>
	<div id="checkResult"></div>
	输入账号验证：<input id="name" type="text"><br><br>
	<script type="text/javascript">
		$(function(){
			$("#name").keyup(function(){
				var page = "/study/checkName.jsp"
				var value = $(this).val();
				/*$.ajax({
					url:page,//访问的page页面
					data:{"name":value},//提交的参数
					success:function(result){//服务器成功返回后对应的响应函数
						$("#checkResult").html(result);
					}
				});
				*/
				$.post(
					page,
					{"name":value},
					function(result){
						$("#checkResult").html(result);
					}
				);
			});
		});
	</script>

	<script>
		$(function(){
			$("#name2").keyup(function(){
				var value = $(this).val();
				var page = "/study/checkName.jsp?name="+value;
				$("#checkResult").load(page);
			});
		});
	</script>
	输入账号：<input type="text" id="name2"><br><br>

	<div id="Result"></div>
	<a href="/study/checkName.jsp">/study/checkName.jsp</a>
	<form id="form">
		输入账号：<input type="text" name="name" id="name"><br>
		密码：<input type="text" name="pass" id="pass"><br>
	</form>

	<script>
		$(function(){
			$("input").keyup(function(){
				var data = $("#form").serialize();
				var url = "/study/checkName.jsp";
				var link = url+"?"+data;
				$("a").html(link);
				$("a").attr("href",link);
			});
		});
	</script>
</body>
</html>

taojYang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax基础——jq

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery</title></head><body> <script src="jquery.min.js"></script>...
复制链接

扫一扫

专栏目录