$就是jquery的简写,$()就是一个选择器,document是html的所有元素,$(document)返回一个数组,
而这个数组是一个对象,这个对象调用ready方法,function则是ready里面的参数,就是说等这个页面全部加载完之后就去执行写入的js。
而且在$(document).ready(function(){ });
里面写入的js特效是和下一个里面写入的特效是不冲突的,俩者之间是不影响的,
因此可以通过$(function(){});在一个页面中加载多个js。
ready()函数用于在当前文档结构载入完毕后立即执行指定的函数。
<script type="text/javascript">
/*
* 一旦检测到当前的页面被加载就会出发ready方法
* $(document).ready(function () {
* 编写业务代码
* }
* */
$(document).ready(function () {
$.ajax({
url: "/users/get_by_uid",
type: "get",
data: $("#form-change-info").serialize(),
dataType: "JSON",
success: function (json) {
if (json.state == 200){
//将查询到的数据重新设置到控件中
$("#username").val(json.data.username);
$("#phone").val(json.data.phone);
$("#email").val(json.data.email);
let radio = json.data.gender == 0 ? $("#gender-female") : $("#gender-male");
//prop表示给某个元素添加属性以及属性的值
radio.prop("checked","checked")
}else {
alert("用户数据不存在")
}
},
error: function (xhr) {
alert("查询用户信息时产生未知的错误!"+xhr.message)
}
})
})
</script>