![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
批改状态：合格
老师批语：
收藏
收藏
收藏
大家好：
以下是我对$.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>
</body>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
//添加一个事件（失去焦点时的事件）
$(':input').blur(function(){
$.ajax({
//获取请求的服务器资源,必须是字符串
url: 'api/demo.php',
//客户端的请求类型
type:'GET',
// dataType: 'json',
// 将表单控件内容序列化为json格式
data: $('form:first').serializeArray(),
//成功回调
uccess: function(msg,status,xhr) {
// console.log(msg)
$('p span').empty()
$('p').append($(msg))
}
})
})
</script>
</html>点击 "运行实例" 按钮查看在线实例
以下是手抄部分
课程总结
1.$.ajax() — 功能:是jquery中的Ajax底层方法,之前学过的$.get(),$.post...都它的特殊形式
语法: $ajax()
参数: 参数写到js对象字面量中
2.当表单有多个字段时使用序列化方法可提高效率 — data: $('form:first').serializeArray(),
3.查询字符串键值对,多个值之间用&连接
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
