基于jQuery的三种AJAX请求
1. 介绍
get请求 通常用于 获取服务端资源(向服务器要资源)
例如:根据URL地址,从服务器获取HTML文件、CSS文件、JS文件、图片文件、数据资源等。
post请求 通常用于 向服务器提交数据(往服务器发送资源)
例如:登录时向服务器提交的登录信息、注册是向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作。
ajax请求 就比较综合,既可以发送 get请求 也可以发送 post请求.
get请求
语法:
$.get(url, [data], [callback]); // 带有中括号的参数表示可以省略.
post请求
语法:
$.post(url, [data], [callback]); // 带有中括号的参数表示可以省略
ajax请求
语法以及参数:
$.ajax({
type: '', // 请求的方式,例如 'GET' 或 'POST'
url: '', // 请求的URL地址
data: {}, // 这次请求要携带的数据
success: function(res) {} // 请求成功之后的回调函数
})
jQuery的一些常用方法
$();——工厂函数(jQuery的核心之一,用于创建jQuery对象等)
$(function(){......});==$(document).ready(function(){...});——在页面加载完之后执行括号中的代码
选择器_#id——通过id获取jQuery对象,例如$("#a01");
选择器_.class——通过class获取jQuery对象,例如$(".b01");
选择器_选择多个元素——获取多个jQuery对象,例如$("#a01,#a02");
选择器_标签名——通过标签名获取jQuery对象,例如$("div");通常为一个集合,保存的对象为DOM对象
常见的jQuery函数_text()——获取或改变对象的文本,获取$("#id").text(),改变$("#id").text("xxxxx")
常见的jQuery函数_html()——获取或改变对象的html代码,同上
常见的jQuery函数_val()——获取或改变对象的value值,同上
常见的jQuery函数_css()——获取或改变对象的css属性,同上
常见的jQuery函数_attr()——(attribute)获取或改变对象的属性,例如获取name $("#a01").attr("name"); 改变name$("#a01").attr("name","xxxx");
jQuery中的一些常用事件
click——点击
dblclick——双击
mouseover——鼠标悬浮
mouseout——鼠标移开
blur——失去焦点
focus——得到焦点
ready——加载完成
scroll——窗口滚动
包装集
1.包装集_length——长度
2.包装集_index(obj)——获取对象在数组中是第几位(从0开始)
3.包装集_get(index)或者[index]__会由jquery对象变成DOM对象 ——arrayList.get(n) 或者arrayList[n](n为你想获取的对象在数组的位置)
5.包装集_clone() / appendTo——例如 $("a").clone().appendTo(document.body);
6.包装集_not()[去掉]
7.包装集_filter()[仅保留]
8.包装集_slice(2,4)[取中间] 此例为第3,第4
9.包装集_each(遍历) 例如 $("div").each(function(){alert($(this).text());})
层次选择器
层次选择器_$(a b) [后代元素,不管层次]
层次选择器_$(a>b) [子元素]
层次选择器_$(a+b) [紧邻同辈,注意被看到a+b就认为返回内容是包含a和b2个,返回的是b]
层次选择器_$(a~b) [相邻同辈,同辈就行,不需要紧邻]