使用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()方法实现滑动效果