4.EasyUI学习总结(四)——EasyUI组件使用 (通过用户登录来演示dialog、ajax的使用，serialize方法的使用，前后台怎样交互等)

一、EasyUI组件的简单介绍

详细可看api： http://www.jeasyuicn.com/api/docTtml/index.htm

　　easyUI提供了很多组件让我们使用，如下图所示：

很多组件都继承于panel，像windows

panel的折叠按钮默认为false即默认没有折叠按钮

二、EasyUI组件的使用

访问路径：

①

② 或者自己写一个获得项目路径的js：

再进行调用

 

 

2.1、创建测试的JavaWeb项目

 

2.2、编写测试代码

　　编写一个用户登录页面Login1.html，用于输入用户名和密码进行登录，使用JQuery的ajax方法异步提交表单

　　Login1.html的代码如下：