HTML5学习小记十一

1.一个简单的ajax请求:

$.ajax({
    type : "post",
    url  : "http://******/crowd-sourcing-consumer/code",
    data : {
        telephone :"18118282",
    },
    dataTpye: "json",
    success :function(html){
        console.log("是不是啊"+html);
    }
    
})

2.async:false, 将异步请求设置为false, jQuery的代码在进行执行时,如遇到ajax请求,则停止页面加载进行ajax方法,当使用async:true 异步加载时,不影响页面加载,异步执行网络请求;
如果需要在ajax方法中获取到某个方法的返回值,需要在同步执行中获取:即设置为 async:false;

其实原理就是这样的：
当前线程：-------提交
AJAX同步： ------- 

当前线程:-------------提交
AJAX异步:-----------return false 
当你没使用async:false这个的时候，线程之间不同步就会造成表单已经提交，ajax才判断是否提交。

当需要在ajax的异步请求中获取到某个返回值,除了上述的将方法放在同步中进行之外,还可以将ajax中嵌套一个方法,原理是使用alrt打断当前进程,利用延迟获取到数据;

function text()
{
  $.ajax({
    type:"POST",
  url :"http://www.cnblogs.comaspx",
    data:{
"username="+vusername.value},
    success:function(msg){
    if(msg=="ok"){   
success_function(msg);
    }
    else
    {    
fail_function(msg);
    }
    }
  });

function success_function(info)
{
//do what you want do
alert(info);
}
funciont fail_function(info)
{
//do what you  want do
alert(info);
}

3.关于几个jQuery的语法:
基础语法是：$(selector).action()
 美元符号定义 jQuery
 选择符（selector）“查询”和“查找” HTML 元素  jQuery 的 action() 执行对元素的操作

$("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素

jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素
$("div#intro .head")
id="intro" 的

元素中的所有 class="head" 的元素

$('div').css("background","blue");

4.一些方法的属性绑定;
bind()向匹配元素附加一个或更多事件处理器
change() 触发、或将函数绑定到指定元素的 change 事件
click() 触发、或将函数绑定到指定元素的 click 事件
dblclick() 触发、或将函数绑定到指定元素的 double click 事件
delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器
die() 移除所有通过 live() 函数添加的事件处理程序。
error() 触发、或将函数绑定到指定元素的 error 事件
event.isDefaultPrevented() 返回 event 对象上是否调用了
event.preventDefault()。 event.pageX相对于文档左边缘的鼠标位置。
event.pageY 相对于文档上边缘的鼠标位置。
event.preventDefault() 阻止事件的默认动作。
event.result 包含由被指定事件触发的事件处理器返回的最后一个值。

event.target 触发事件的 DOM 元素。
event.timeStamp该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。
event.type 描述事件的类型。 event.which指示按了哪个键或按钮。
focus() 触发、或将函数绑定到指定元素的 focus 事件
keydown() 触发、或将函数绑定到指定元素的 key down 事件 keypress()触发、或将函数绑定到指定元素的 key press 事件
keyup() 触发、或将函数绑定到指定元素的 key up 事件
live() 触发、或将函数绑定到指定元素的 load 事件
load() 触发、或将函数绑定到指定元素的 load 事件
mousedown() 触发、或将函数绑定到指定元素的 mouse down 事件
mouseenter() 触发、或将函数绑定到指定元素的 mouse enter 事件
mouseleave() 触发、或将函数绑定到指定元素的 mouse leave 事件
mousemove() 触发、或将函数绑定到指定元素的 mouse move 事件
mouseout() 触发、或将函数绑定到指定元素的 mouse out 事件
mouseover() 触发、或将函数绑定到指定元素的 mouse over 事件
mouseup() 触发、或将函数绑定到指定元素的 mouse up 事件
one() 向匹配元素添加事件处理器。每个元素只能触发一次该处理器。
ready() 文档就绪事件（当 HTML 文档就绪可用时）
scroll() 触发、或将函数绑定到指定元素的 scroll 事件
select() 触发、或将函数绑定到指定元素的 select 事件

5.jquery 的一些效果函数
animate() 对被选元素应用“自定义”的动画
fadeIn() 淡入被选元素至完全不透明
fadeOut() 淡出被选元素至完全不透明
fadeTo() 把被选元素减弱至给定的不透明度
clearQueue() 对被选元素移除所有排队的函数（仍未运行的）
delay() 对被选元素的所有排队函数（仍未运行）设置延迟
dequeue() 运行被选元素的下一个排队函数
hide() 隐藏被选的元素 queue() 显示被选元素的排队函数
slideUp() 通过调整高度来滑动隐藏被选元素
stop() 停止在被选元素上运行动画
6.jQuery的ajax的一些方法
.ajax() 执行异步 HTTP (Ajax) 请求。
.ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSend() 在 Ajax 请求发送之前显示一条消息。
jQuery.ajaxSetup()设置将来的 Ajax 请求的默认值。
.ajaxStart() 当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxStop() 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSuccess() 当 Ajax 请求成功完成时显示一条消息。

参考文档 https://wenku.baidu.com/view/898cbe0302020740be1e9bb4.html

想要什么，
就自己去努力争取吧。
总有一天你会知道，
这世上你爱慕的一切一切，
都只能靠自己。