JQuery中的ajax实现

2021-05-01 18:02:28 阅读：92 来源： 互联网

标签：JQuery function 实现 color ajax url data css

JQuery中的ajax实现
1.导入jquery包
2.写ajax

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
	
	</head>
	<body>
		<p>
			用户名:
			<input type="text" id="name" onblur="a1()"/>
			<span id="userInfo"></span>
		</p>
		<p>
			密码:
			<input type="text" id="pwd" onblur="a2()"/>
			<span id="pwdInfo"></span>
		</p>
		<script>
			function a1(){
				$.post({
					url:"http://localhost:8080/ajaxtest/login",
					data:{"name":$("#name").val()},
					success: function(data){
						if(data.toString()=='ok'){//信息核对成功
							$('#userInfo').css("color","green")
						}else{
							$('#userInfo').css("color","red")
						}
						$("#userInfo").html(data);
					}
				})
			}
			function a2(){
				$.post({
					url:"http://localhost:8080/ajaxtest/login",
					data:{"pwd":$("#pwd").val()},
					success: function(data){
						if(data.toString()=='ok'){//信息核对成功
							$('#pwdInfo').css("color","green")
						}else{
							$('#pwdInfo').css("color","red")
						}
						$("#pwdInfo").html(data);
					}
				})
			}
		</script>
	</body>
</html>

query三种基本的选择器
$(’#id’) $(‘标签名’) $(’.class’）
$()这个是指页面加载完之后要干的事，里面可以写函数，页面加载完就运行里面的函数了

ajax:

$.get({
url:接口的url
data:提交的数据 （里面是键值对的形式）
success：function(data){}   回调函数，里面的data是后端返回来的数据
})

标签：JQuery,function,实现,color,ajax,url,data,css
来源： https://blog.csdn.net/lzhdekl/article/details/116331825

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JQuery中的ajax实现