使用JavaScript实现Ajax技术来提升用户体验度,jQuery将与Ajax相关的操作都做了封装,常见的Ajax请求有GET请求及POST请求,接下来我们聊聊$.get()方法和$.post()方法
1、$.get()方法
$.get(url[,data][,callBack]);
url:用户要请求的页面地址
data:要发送的数据
callBack:执行完Ajax请求后要回调的函数
2、$.post()方法
$.post(url[,data][,callback]);
3、其他方法
$.load(url[,data][,callback])
$.getJSON(url[,data][,callback])
$.getScript(url[,callback])
$.ajax([options])
表1-1常用参数表
最后分享给大家一个小型管理系统的实现思路
需求:
Ajax登录、点击按钮事件、滑动效果动画
实现思路:
在登录页面实现登录框
在所有页面的head元素中引入jQuery元素
在登录页面使用$.post()方法发送Ajax请求,并处理响应结果
在管理页面中实现添加数据的按钮
使用JQuery选择器选择所要操作的元素对象
使用bind()方法绑定相关的按钮事件
使用val()方法获取表单元素的值
使用slideUp()方法和slideDown()方法实现滑动效果