jQuery技术

jquery常用函数使用教程

字号+ 作者:H5之家 来源:H5之家 2015-10-04 18:35 我要评论( )

函数$.ajax的解析 函数:$.ajax(properties) 功能:用一个http请求访问一个远程页面 返回:XMLHttpRequest 参数: (String) url 请求地址; (String) type 请求

函数$.ajax的解析

函数:$.ajax(properties)
功能:用一个http请求访问一个远程页面
返回:XMLHttpRequest
参数:

(String) url  请求地址;
(String) type 请求类型(”GET”,”POST”);
(String) dataType:从服务器端返回的数据类型(”xml”,”html”,”script”,”json”);
(Boolean) ifModified:根据Last-Modified header判断返回内容是否改变;
(Number) timeout:请求超时;
(Boolean) global:对此次请求是否引起全局的ajax事件出来,默认true;
(Function) error:错误处理函数;
(Function) complete:请求完成后的处理函数;
(Object|String) data:发送到服务器端的数据;
(String) contentType :默认”application/x-www-form-urlencoded”;
(Boolean) processData :传输到服务器端的数据默认被转换到query string中以适合默认”application/x-www-form-urlencoded”方式,如果你想以DOMDocuments方式传输数据,就将该选项设为false;
(Boolean) aysnc:是否异步传输,默认为true;
(Function) beforeSend:请求前响应函数;

例子:(加载并且执行一个js文件)

jQuery Code

$.ajax({type: “GET”,url: “test.js”,dataType: “script”})
复制代码

向服务器保存数据并且响应用户的动作完成

jQuery Code

$.ajax({type: “POST”,url: “some.php”,data: “name=John&location=Boston”,success: function(msg){alert( “Data Saved: ” + msg );}});
复制代码

jQuery Code

var html = $.ajax({url: “some.php”,async: false}).responseText;
复制代码

jQuery Code

var xmlDocument = [create xml document];$.ajax({url: “page.php”,processData: false,data: xmlDocument,success: handleResponse});
复制代码

函数$.ajaxSetup的解析

函数:$.ajaxSetup(settings),$.ajaxTimeout(time)
功能:设定请求的一些参数
返回: undefined

例子:

$.ajaxSetup( {url: “/xmlhttp/”,global: false,type: “POST”} );$.ajaxTimeout( 5000 );
复制代码

函数$.get的解析

函数:$.get(url, params, callback),$.getIfModified(url, params, callback),
$.getJSON(url, params, callback),$.getScript(url, callback)
功能:get方式提交数据

例子:

$.get(”test.cgi”,{ name: “John”, time: “2pm” },function(data){alert(”Data Loaded: ” + data);});
复制代码

函数$.post

函数:$.post(url, params, callback)

功能:post方式提交数据

例子:

$.post(”test.cgi”,{ name: “John”, time: “2pm” },function(data){alert(”Data Loaded: ” + data);});
复制代码

函数ajaxComplete的解析

函数:ajaxComplete(callback),ajaxComplete(callback),ajaxSend(callback)

ajaxStart(callback),ajaxStop(callback),ajaxSuccess(callback)

功能:XMLHttpRequest状态改变过程中各个响应处理函数

例子:

$(”#msg”).ajaxComplete(function(request, settings){$(this).append(”<li>Request Complete.</li>”);});$(”#msg”).ajaxSuccess(function(request, settings){$(this).append(”<li>Successful Request!</li>”);});$(”#loading”).ajaxStop(function(){$(this).hide();});$(”#msg”).ajaxSend(function(request, settings){$(this).append(”<li>Starting request at ” + settings.url + “</li>”);});
复制代码

函数load的解析

函数:load(url, params, callback),loadIfModified(url, params, callback)

功能:加载html内容
返回:jQuery对象
参数:同get和post方式提交
例子:

代码
//jQuery Code$(”#feeds”).load(”feeds.html”);Before<div id=”feeds”></div>Result:<div id=”feeds”><b>45</b> feeds found.</div>//jQuery Code$(”#feeds”).load(”feeds.html”,{limit: 25},function() { alert(”The last 25 entries in the feed have been loaded”); }
复制代码

函数serialize的解析

函数:serialize()

功能:将表单元素和值序列化成string
返回:String
例子:

jQuery Code$(”input[@type=text]“).serialize();Before<input type=’text’ name=’name’ value=’John’/><input type=’text’ name=’location’ value=’Boston’/Resultname=John&location=Boston
复制代码

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery教程:14个实用的jQuery技巧

    jQuery教程:14个实用的jQuery技巧

    2016-02-06 10:00

  • Pastebin Hacking新姿势:使用jQuery替换进行恶意软件传播

    Pastebin Hacking新姿势:使用jQuery替换进行恶意软件传播

    2016-02-05 14:00

  • jquery中EasyUI使用技巧小结

    jquery中EasyUI使用技巧小结

    2016-01-21 08:00

  • 使用 jQuery,第 1 部分: 将桌面应用程序引入浏览器

    使用 jQuery,第 1 部分: 将桌面应用程序引入浏览器

    2016-01-18 10:04

网友点评