ajax简介

一、ajax概述
1、Ajax–异步(Async)的Javascript And Xml
2、用于页面的局部刷新
3、提升用户的体验,节省流量
4、核心组件XMLHttpRequest,是所有浏览器内置的组件
二、jQuery
1、内置了Ajax组件
2、js函数库的集合体
3、“写得少、做的多!”
4、jQuery的使用
(1)在页面引入jquery.js文件

<script src="jQuery.js"></script>

(2)jQuery的启动($就是jQuery)

<script>
    $(function(){
.....
});
 </script>

在当前页面元素加载完成后，执行function中的代码！
5、将页面的标签对象转为jQuery对象
(1)$("标签名称");获取的是对象数组例如:‘$(“body”)`
(2)使用id获取标签元素的对象

 $("#标签id值") 等同于document.getElementById("id值");

(3)使用jQuery为标签元素设置属性
1)设置单个属性的值

 $("#标签id").attr("属性名称","值");

2)设置多个属性的值

  $("#标签id").attr({"属性名称1":"值1",...,"属性名称n":"值n"});

3）获取属性的值

 var xxx=$("#标签id").attr("属性");

4)使用each遍历对象数组元素

  $("标签名").each(function(){
		$(this).attr(....);
	   }); 
   $(this)表示数组元素对象

6、使用jQuery获取标签元素的文本内容（主要是div层的文本内容）
(1)获取html内容

 var xx=$("#id").html();//等同于xxx=xxx.innerHTML;

(2)给标签元素设置html内容信息

  $("#id").html("内容信息");//等同于xxx.innerHTML="......";

(3)获取纯文本内容

var xxx=$("#id").text();	

(4)给标签元素设置纯文本内容信息

$("#id").text("内容信息");//等同于xxx.innerTEXT="......";

7、获取表单元素的值
(1)获取文本框的值

var xxx=$("#文本框id").val();	

(2)给文本框设置值

$("#文本框id").val("值");

(3)获取单选按钮的值

var xx=$(":radio[name='单选按钮name属性值']:checked").val();

设置单选按钮的值

 $(":radio[value='值']").attr("checked",true);	

(4)获取和设置下拉列表框的值

 var xxx=$("#下拉列表框id").val();

设置下拉列表框的值

  $("#下拉列表框id").val("值");

设置下拉列表框的option子元素

 $("#下拉列表框id").append("<option value='值'>文本</option>");

(5)获取复选框的值

 var xxx=[];
          $(":checkbox[name='复选框name属性值']:checked").each(function(){
		var value=$(this).val();
		xxx.push(value);//给数组赋值
	  });