博客列表 >$ajax() 的用法 4月10 作业

$ajax() 的用法 4月10 作业

美丽城堡
美丽城堡原创
2018年04月11日 22:56:47630浏览

$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>
                <p>密码:<input type= "password" name="pass"></p>
                <input type="submit" value="提交" >
                <input type="reset" valute="重置">
	</form>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	 $(':input').blur(function(){
		$.ajax({
			url: 'api/demo.php',
			type: 'GET',
			data: $('form:first').serializeArray(),
			success: function(msg,status,xhr) {
				console.log(msg)
				$('p span').empty()
				$('p').append($(msg))
			}			
		})
    })
	
</script>

运行实例 »

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


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