jquary.ajax

jquary

javascript中的一个工具类，可以用$代替表示

jquary.ready(function(){})
等价于
$(function)

ajax

ajax可以实现在不改变整个页面的前提下更新部分数据，不需要更新页面。
使用jquary中的ajax之前需要先导入jquary.js

 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

ajax使用流程

1. 编写对应Controller,返回json字符串，通过注解@ResponseBody
2. 编写ajax请求：
   url:Controller传给前端的json文件的路径
   data:前端返回后台的数据
   success:回调函数，可以通过这个函数对前端页面进行修改
3. 给ajax绑定事件（点击：click，失去焦点：onblur，键盘弹起：keyup)

//ajax默认使用get方式
$.post({
                url:"{:url('admin/login')}",
                data:data.field,
                dataType:"json",
                success:function(data){
                    if(data.code==200){
                        layer.msg(data.msg,{time:500},function(){
                            window.location.href="{:url('admin/index')}"
                        })
                    }else{
                        layer.msg(data.msg)
                    }
                }
            })