jQuery常用方法(三)-jQuery Ajax
JQuery Ajax 方法说明:
load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。
$("#feeds").load("feeds.html"); 将feeds.html文件载入到id为feeds的div中
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
jQuery.get( url, [data], [callback] ) 使用GET请求一个页面。
$.get("test.cgi", { name: “John", time: “2pm" }, function(data){
alert("Data Loaded: " + data);
});
jQuery.getJSON( url, [data], [callback] ) 使用GET请求JSON数据。
$.getJSON("test.js", { name: “John", time: “2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
jQuery.getScript( url, [callback] ) 使用GET请求javascript文件并执行。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
jQuery.post( url, [data], [callback], [type] ) 使用POST请求一个页面。
ajaxComplete( callback ) 当一个AJAX请求结束后,执行一个函数。这是一个Ajax事件
$("#msg").ajaxComplete(function(request, settings){
$(this).append("<li>Request Complete.</li>");
});
ajaxError( callback ) 当一个AJAX请求失败后,执行一个函数。这是一个Ajax事件
$("#msg").ajaxError(function(request, settings){
$(this).append("<li>Error requesting page " + settings.url + “</li>");
});
ajaxSend( callback ) 在一个AJAX请求发送时,执行一个函数。这是一个Ajax事件
$("#msg").ajaxSend(function(evt, request, settings){
$(this).append("<li<Starting request at " + settings.url
+ “</li<");
});
ajaxStart( callback ) 在一个AJAX请求开始但还没有激活时,执行一个函数。这是一个Ajax事件
当AJAX请求开始(并还没有激活时)显示loading信息
$("#loading").ajaxStart(function(){
$(this).show();
});
ajaxStop( callback ) 当所有的AJAX都停止时,执行一个函数。这是一个Ajax事件
当所有AJAX请求都停止时,隐藏loading信息。
$("#loading").ajaxStop(function(){
$(this).hide();
});
ajaxSuccess( callback ) 当一个AJAX请求成功完成后,执行一个函数。这是一个Ajax事件
当AJAX请求成功完成时,显示信息。
$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<li>Successful Request!</li>");
});
jQuery.ajaxSetup( options ) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。
设置默认的全局AJAX请求选项。
$.ajaxSetup({
url: “/xmlhttp/",
global: false,
type: “POST"
});
$.ajax({ data: myData });
serialize( ) 以名称和值的方式连接一组input元素。实现了正确表单元素序列
function showValues() {
var str = $("form").serialize();
$("#results").text(str);
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
serializeArray( ) 连接所有的表单和表单元素(类似于.serialize()方法),但是返回一个JSON数据格式。
从form中取得一组值,显示出来
function showValues() {
var fields = $(":input").serializeArray();
alert(fields);
$("#results").empty();
jQuery.each(fields, function(i, field){
$("#results").append(field.value + " “);
});
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
最新文章
- [AngularJS] AngularJS系列(2) 中级篇之路由
- HBase命令(二) -- 表操作
- vs2013的单元测试 第一部分
- 使用git管理github上的项目
- Careercup - Google面试题 - 4557716425015296
- codeforces 675E Trains and Statistic 线段树+贪心统计
- NodeJS+ExpressJS+SocketIO+MongoDB应用模板
- mysql 一个较特殊的问题:You can&#39;t specify target table for update in FROM clause
- php实现获取汉字的首字母实例
- tf–idf算法解释及其python代码实现(下)
- hdu-5794 A Simple Chess(容斥+lucas+dp)
- bootstrap 预定义样式风格
- Python:当你遇到了the package “public”?
- C#中类成员的执行顺序
- Luogu P3165 [CQOI2014]排序机械臂
- Mysql数据库的加密与解密
- 基于ZooKeeper和Thrift构建动态RPC调用
- 【Beta阶段】第四次Scrum Meeting!
- Python 爬虫-股票数据的Scrapy爬虫
- IE6 PNG不透明问题 (只解决img标签的图片)
热门文章
- spring-cloud-kubernetes的服务发现和轮询实战(含熔断)
- 转载-springboot缓存开发
- 用java实现取1-100之间的99个不重复的随机数 然后输出没有被取出的数字
- NLP(十二)指代消解
- hdu6437 Problem L.Videos(网络流)
- lightoj 1046 - Rider(bfs)
- Catch That Cow POJ - 3278 [kuangbin带你飞]专题一 简单搜索
- 【Nginx】应用场景
- Spring Cloud官方文档中文版-Spring Cloud Config(上)-服务端(配置中心)
- equals、==、hashCode