9.简单理解ajax

#### post 请求需要发送一个header

setRequestHeader('Content-Type','application/x-www-form-urlencoded')

post请求的参数必须写在 send 内部

#### 如果http的状态200（请求成功），xhr的状态是4（成功状态)

#### 监听readystate status
xhr.onreadystatechange=function(){
if(xhr.status==200 && xhr.readyState==4){
//接收后台返回的数据
tip.innerHTML=xhr.reponseText;
}
}
####
JSON(JavaScript Object Notation, JS 对象标记)
是一种轻量级的数据交换格式

####
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术
Ajax 是一种用于创建快速动态网页的技术
Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。

#### json 将php 中数组转换为json格式

echo json_encode("arr")

#### 将监听中接收数据，字符串转换为json
var json_response=JSON.parse(xhr.responseText)

#### classList对象表示元素的class属性
通过操作classList对象可以快速方便地操作对象的class

——————————————————————————-————

1. $(function(){});

加载完成简写

2. focus() 当元素获得焦点，触发focus事件
blur() 当元素失去焦点，触发blur事件
mousedown()鼠标按下
mousedown()鼠标抬起
mousemove()鼠标移动
mouseover() mouseout()鼠标划过，划出

3. on() 在选择元素上绑定一个或多个事件处理函数

比如:
$('p').on('click',function{})

bind()可以同时绑定多个事件类型

$('p').bind('click',function{};
'mouseover',function{};
)

1. attr(key,value) 获取/添加属性值
如果没有则添加，有则替换
removeAttr() 删除属性值

JQuery属性---CSS类
2. addClass() 添加样式
继续添加则一直在后面 .addClass('aa').addClass('bb')
或者 addClass('aa bb')

3. toggleClass()切换样式
hasClass('a') 判断是是否拥有a 样式

jQuery属性---HTML代码、文本、值

4. text() 获取所有匹配元素的内容

$(function(){

console.log($('p').text())

})
输出结果为：1294095726

html() 获取匹配元素的html内容
5. 和text相似

6. val()获得匹配元素的当前值

$(function(){

console.log($('input').val())

})

巴特西

9.简单理解ajax

最新文章

热门文章