博客列表 >ajax无刷新验证---2018年4月10号

ajax无刷新验证---2018年4月10号

学习不刻苦 不如卖红薯
学习不刻苦 不如卖红薯原创
2018年04月11日 18:43:31455浏览

$.ajax()代码:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>$.ajax()</title>
</head>
<body>
	<h2>用户登录</h2>
	<form>
		<p>用户名:<input type="text" name="name"/></p>
	</form>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
		//1.当失去焦点时进行验证
		$(':input').blur(function(){
			//2.将全部语法写到ajax中
			$.ajax({
				url:'api/demo.php',
				type : 'GET',
				//3.将表单控件内容写到json中
				data: $('form:first').serializeArray(),
				//成功回调
				success:function(msg,status,xhr){
					console.log(msg)
					$('p span').empty()
					$('p').append($(msg))
				}
			})
		})
	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

手抄作业:

1.jpg

总结:

学习了blur失去焦点的验证。1、资源路径2、类型3、序列化4、成功回调。。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议