ajax学习(二)-jquery的ajax方法总结

//ajax静态方法-ajax()
//常用ajax属性总结
$.ajax({
url:"",
async:false,
dataType:"jsonp",//jsonp,json,text,html,script,xml
data: {name:"John",location:"Boston"},
timeout:,
type:,//get or post

username:,
password:,

//事件
beforeSend:function(){},
complete:function(){},
error:function(){},
success:function(){},
dataFilter:function(){},

})

//ajax静态方法-ajaxSetup(),用来设置默认的ajax属性,所有属性都可以设置
//栗子:
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});

//ajax静态方法-get()
//最多四个参数,按照顺序分别是:url,data,succese时的function,规定响应的datatype
$.get("test.php",{},function(){

},"json")

//ajax静态方法-getJSON()
//最多三个参数,按照顺序分别是:url,data,succese时的function
$.getJSON("test.json",{},function(){

})

//ajax静态方法-getScript()
//最多两个参数,按照顺序分别是:url,succese时的function
$.getJSON("test.js",function(){

})

//ajax实例方法
/******
ajaxStart(),
ajaxSend(),
ajaxStop(),
ajaxCompleted(),
ajaxError(),
ajaxSuccess()
********/
//栗子
$("div").ajaxStart(function(){

});

//ajax实例方法-load()
//最多三个参数,按照顺序分别是:url,data,完成时的function
//特别的是,url可以加入选择器如"test.json #container",从而只获得某部分的内容
/*
function最多有三个参数:
response,返回的结果数据
status,状态值:success,notmodified,error,timeout,parsererror
xhr,XMLHttpRequest 对象
*/

$("div").load("test.json",{},function(){

})

//高级进阶
//ajax静态方法-param(),序列化一个json对象
//序列化的概念:
//形式上,{ width:1900, height:1200 } ----> width=1680&height=1050
//实际,产生了一个用 encodeURIComponent()编码的url
//补充:decodeURIComponent(),对 encodeURIComponent()函数编码成的url进行解码;
$.param();

//实例方法-serialize(),序列化一个表单的值
$("form").serialize()

//实例方法-serializeArray(),序列化一个表单的值,不同的是返回一个json的对象数据
//返回的格式:[{name:a},{name:b},{name:c}]

$("form").serializeArray()

//补充:each方法 
/*
$.each(a,function(k,v){

})//a为一个json或数组对象,k为序号或称为下表,v为值

*/

时间: 2024-11-17 00:15:21

ajax学习(二)-jquery的ajax方法总结的相关文章

jQuery(二) jQuery对Ajax的使用

学习使我快乐!嘿 --WH 一.jQuery使用Ajax 想要了解jQuery如何使用Ajax,并且体会到它所带来的方便性,那么就得了解原始的Ajax是如何编写的,是怎样的繁琐,然后和Jquery的代码进行对比,才会有所悟. 1.1.什么是Ajax?(顺带提一下) 全名:Asynchronous Javascript And Xml[异步javascript和xml], 同步和异步原理图 同步就是浏览器发送一个请求到服务器端,网址会改变,页面会被重新加载到新的页面.如图 异步就是浏览器发送一个请

Ajax学习笔记-JQuery中的Ajax

JQuery对Ajax操作进行了封装,在JQuery的最底层的方法是$.ajax(),第二层是load() $.get() $.post(), 第三层是$.getScript()和$.getJSON(). <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type=&quo

JavaScript封装Ajax(类JQuery中$.ajax()方法)

ajax.js (function(exports, document, undefined){ "use strict"; function Ajax(){ if(!(this instanceof Ajax)) return; return this; } Ajax.prototype = { init: function(opts){ opts = opts || {}; this.opts = opts; this.opts.type = opts.type || 'get';

ajax学习笔记3-jQuery实现ajax(大拇指向上)

jQuery实现ajax: jQuery本身提供了一个ajax方法,jQuery.ajax([settings]) type:类型,”POST”或”GET”(默认) url:发送请求的地址 data:是一个对象,连同请求发送到服务器的数据 dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断,一般采用json格式,可以设置为“json” success:是一个方法,请求成功后的回调函数.传入返回后的数据,以及包含成功代码的字符串. err

ios开发runtime学习二:runtime交换方法

#import "ViewController.h" /* Runtime(交换方法):主要想修改系统的方法实现 需求: 比如说有一个项目,已经开发了2年,忽然项目负责人添加一个功能,每次UIImage加载图片,告诉我是否加载成功 当系统提供的控件不能满足我们的需求的时候,我们可以 1:通过继承系统控件,重写系统的方法,来扩充子类的行为(super的调用三种情况) 2:当需要为系统类扩充别的属性或是方法的时候,与哪个类有关系,就为哪个类创建分类.3:利用runtime修改系统的类,增加

js ajax异步访问,jquery的each方法

$.ajax({ cache: true, type: "POST", url:"******.do", data:{typename:typename}, async: false, error: function(request) { alert("连接异常,请联系管理员"); }, success: function(data) { $.each(data.BData,function(i,item){ str_html += '<o

jQuery基础学习(二)&mdash;jQuery选择器

一.jQuery基本选择器 1.CSS选择器     在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例   标签选择器 E {                 CSS规则   }   以文档元素为选择符   ID选择器 #ID{                  CSS规则 }   以ID为选择符   类选择器 E.className{                 CSS规则 }   以文档元素的Class为选择符   群组选择器 E1,E2{   

javasscript学习笔记 之 数组学习二 数组的所有方法

1.push() 和 pop()  栈的方法 后进先出 push() 该方法是向数组末尾添加一个或者多个元素,并返回新的长度. push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度 POP() 方法刚好和push()方法相反.pop()方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值,如果数组变为空,则该方法不改变数组,返回undefine值 unshift()添加元素 和 shift()删除元素  队列的方法 先进先出 unshift

【JAVAWEB学习笔记】28_jqueryAjax:json数据结构、jquery的ajax操作和表单校验插件

Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用   一.json数据结构 1.什么是json JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯.这些特性使JSON成 为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的.没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax. 1,前端的html和javascript代码 页面html 1 <main style="text-align: center; margin: 200px a