码迷,mamicode.com
首页 > Web开发 > 详细

锋利的qjuey-ajax

时间:2016-07-19 13:31:46      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

jquery 中的ajax
 
load方法主要获取web服务器上静态数据
1 load方法载入HTML文档
技术分享
load(url [,data] [,callback])
$(function(){
  $("#send").click(function(){
  $("#resText").load("test.html")
  })
})
View Code

 

2 筛选载入的HTML文档
$("#resText").load("test.html .para")
载入页面class为“para”的内容
3 传递方式
无参数传递,使用GET方式
$("#resText").load("test.php",function(){})
有参数传递,使用POST方式
$("#resText").load("test.php" , {name:"rain",age:"22"},function(){})
4 回调参数
  load()方法回调函数,该函数有三个参数,
  
function(responseText,textStatus,XMLHttpRequest){
    responseText 请求返回内容
    textStatus 请求返回状态 :success,error ,notmodified , timeout
    XMLHttpRequest 对象
  }

 

 
 
5$.get()方法和$.post()方法
  在项目中如果要传递一些参数给服务器,可以使用$.get(),$.post()和 $.ajax方法
  1 $.get(url [,data] [,callback] [,type])
  type 服务器返回的内容的格式,包括xml ,html ,script ,json ,text ,_default
  2 回调函数function(data,testStatus){}
 
 
 
6数据格式
  HTML片段
  不需要处理,可直接插入页面中
 
  XML文档
  可以使用强大的DOM处理能力,对XML进行处理
 
  JSON文件
  在回调函数中指明文件类型为json后
 
  data是作为一个对象参数传入回调函数,可以直接使用
  var name=data.userName
 
 
 
$.post()
  因为jquery对js的封装,只需要改变jquery函数为$.post()就可以实行GET和POST的切换
 
  load()方法带有参数传递时,同样会使用post方式发送请求。因此也可以使用load()方法完成同样的功能。
 
 
$.getScript() 和 $.getJson()
  在事件函数中加载js和json文件
 
  $().each() 和$.each()方法
  $().each(callback)方法以匹配的元素为对象,每次执行传递的函数时,改变函数中的this对象指向一个不同的DOM元素。
  $.each(object[,callback])
  此方法可以用于遍历任何对象。
  $.each([0,1,2]function(){})
  object可以为对象和数组,
 
 
7$.ajax()
  该方法为jquery最底层的实现,可以替代前面所有的方法;
 
8 序列化元素
  $("#form").serialize()方法
  可以对该表单下的数据进行序列化。
  $.param(obj)
  用来对一个数组或者对象按照key/value进行序列化
9 ajax全局事件
  可以为元素注册ajax全局事件,当页面触发ajax时触发,如果再调用ajax方法时不触发全局事件,则在$.ajax()中设置global:false
  $("#id").ajaxStart(function(){}).ajaxStop(function(){});
  全局事件方法
  ajaxComplete(callback)
  ajaxError(callback)
  ajaxSend(callback)
  ajaxSuccess(callback)

锋利的qjuey-ajax

标签:

原文地址:http://www.cnblogs.com/luohe/p/5684142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!