jquery学习笔记-----ajax

$(selector).load( url [,date] [,callback] )

url:请求页面的url地址

date:发送至服务器的key:value数据

callback:请求完成时的回调函数,无论请求成功或失败,即只要XMLHttpRequest对象的状态为4或complete时就调用

此函数会将ajax返回的内容作为innerHTML插入到selector里面如果需要可以在url后面添加参数来筛选要插入的内容

如果有date参数则按照POST方式发送,否则按照GET方式发送。date数据的格式为{key1:value1,key2:value2…}

回调函数自动传入三个参数,分别是返回的内容、请求状态、XMLHttpRequest对象。请求状态指的是服务器返回状态,而不是XMLHttpRequest对象状态,总共分success、error、notmodified、timeout四个状态

$.get( url [,date] [,callback] [,type] )

url:请求页面的url地址

date:发送至服务器的key:value数据,格式为{key1:value1,key2:value2…}

callback:载入成功时的回调函数,即当服务器返回状态为200时。会自动传入两个参数,第一个为返回的内容,第二个为请求状态

type:作用貌似不大

此函数将以GET方式发送数据

$.post( url [,date] [,callback] [,type] )

用法与$.get方法一致,只不过发送数据的方式为POST

$.getScript( url [,callback] )

用来动态加载js脚本的函数

url:要加载的脚本的url地址

callback:脚本加载成功后的回调函数

$.getJSON( url [,callback] )

用来加载json文件的函数

url:要加载的json文件url

callback:json文件加载成功后的回调函数,会自动传入一个参数即json对象

$.ajax( opitions )

opitions为一个key:value对象,里面规定了各种参数,常用参数有:

url:

type:

timeout:

date:

datetype:

beforeSend:

complete:

success:

error:

具体jquery请见参考手册,本函数运用的机会应该不大

$.each( objecy/array,callback )

用来遍历数组或对象的函数,该函数只能遍历一层,要遍历多层则需重复使用

object/array:要遍历的数组或对象

callback:操作函数,会自动传入两个参数,第一为对象的成员或数组的索引,第二个为具体的内容

分类: js

时间: 2024-10-14 19:58:10

jquery学习笔记-----ajax的相关文章

20151210 Jquery 学习笔记 AJAX 进阶

一.加载请求 在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题.而超 过一定时间的请求,用户就会变得不再耐烦而关闭页面.而如果在请求期间能给用户一些提 示,比如:正在努力加载中...,那么相同的请求时间会让用户体验更加的好一些. jQuery 提供了两个全局事件,.ajaxStart()和.ajaxStop().这两个全局事件,只要用户触发 了 Ajax,请求开始时(未完成其他请求)激活.ajaxStart(),请求结束时(所有请求都结束了) 激活.ajaxStop(

20151205 jquery 学习笔记--Ajax

Ajax全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式网页应用相关的技术所形 成的结合体.使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升了用户 体验. 一.Ajax 概述 Ajax 这个概念是由 JesseJamesGarrett 在 2005 年发明的.它本身不是单一技术,是一串 技术的集合,主要有: 1.JavaScript,通过

jQuery学习笔记10:Ajax技术

jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. jQuery 采用了三层封装:最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load().$.get()和$.post(),最高层是$.getScript()和$.getJSON()方法. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

JQuery学习笔记(1)

JQuery学习笔记(1) 认识JQuery 简介 JQuery是一个JavaScript库,语法简洁,有跨平台的兼容性,简化了开发人员遍历html文档.操作dom.处理事件.执行动画和开发Ajax的操作.理念是:写得少,做得多. 优点 1.轻量级.UglifyJS压缩后大小保持在30KB 2.选择器强大. 3.DOM操作封装. 4.可靠地事件处理机制. 5.完善的Ajax. 库类型 jquery.js(开发版) 约229kb,用于学习和开发. jquery.min.js(生产版) 约31kb,

锋利的JQuery 学习笔记

第一章 认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);}) ·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素.父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeClass(“css2″); ·

Js脚本之jQuery学习笔记(1)

Js脚本之jQuery学习笔记(1) 一.javascript基础 单行注释 多行注释 /* */ 数据类型 数值型 字符串型 布尔型 空值 未定义值 转义字符 函数定义:1234567891011121314<head><script language="javascript"function test(m){var xixi="嘻嘻"alert("这是javascript")document.write(xixi + m)}

jQuery学习笔记--JqGrid相关操作 方法列表(上)

1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridid").jqGrid('getRowData', id); 3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('reloadGrid'); 4.选中行:$("#jqGrid

jQuery学习笔记之过滤器三(向上查找兄弟元素、向下查找兄弟元素)

向上查找兄弟元素的方法:prev方法.prevAll方法.prevUntil方法 向下查找兄弟元素:next方法.nextAll方法.nextUntil方法 向上查找兄弟元素 1.prev方法 2.prevAll方法 3.prevUntil方法 向下查找兄弟元素 1.next方法 2.nextAll方法 3.nextUntil方法 jQuery学习笔记之过滤器三(向上查找兄弟元素.向下查找兄弟元素)