jQuery(九)、ajax对象操作

1 数组和对象操作

  1、jQuery.extend([deep,] target, object1, [objectN])

  用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

  如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对像共享结构。为定义的属性将不会被复制,然而从对象的原型继续的属性将会被复制。

  参数:

  (1) deep:如果设置为true,则递归合并。

  (2) target:被扩展的对象。

  (3) object1:待合并到target对象的对象。

  (4) objectN:待合并到target对象的对象。

// 合并 settings 和 options
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);

// settings == { validate: true, limit: 5, name: "bar" }

  2、jQuery.grep(array, callback, [invert])

  使用过滤函数来过滤数组元素。过滤函数callback必须返回true以保留元素,返回false将删除元素。

  参数:

  (1) array:待过滤的数组。

  (2) callback:function(n, i){....} ,第一个参数为当前元素,第二个参为索引。过滤函数callback必须返回true以保留元素,返回false将删除元素。

  (3) invert:如果invert设置为false,则函数返回数组中由过滤函数返回true的元素,如果设置为true,则返回false的元素。

  3、jQuery.map(arr, callback)

  将一个数组中的元素转换到另一个数组中。作为参数的转换函数会为每个数组元素调用,而且会给这个转换函数传递一个表示被转换的元素作为参数。转换函数可以返回转换后的值、null(删除数组中的项目)或一个包含值的数组,并扩展至原始数组中。

  参数:

  (1) array, callback:

      array:带转换数组。

      callback:function(n){....},n为当前元素。

// 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组。
$.map( [0,1,2], function(n){
  return [ n, n + 1 ];
});
// [0, 1, 1, 2, 2, 3]

  4、jQuery.inArray(value, array, [fromIndex])

  确定第一个参数在数组中的位置,从 0 开始计数(如果没找到则返回 -1)。

  参数:

  (1) value:用于在数组中查找的值。

  (2) array:待查找的数组。

  (3) fromIndex:用来搜索数组队列的起始索引,默认为 0 。

  5、jQuery.merge(first, second)

  合并两个数组。返回结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。

  6、jQuery.unique(array)

  删除数组中重复元素。值处理删除 DOM 元素数组,而不能处理字符串或数字数组。

  7、jQuery.parseJSON(json)

  接受一个 JSON 字符串,返回解析后的对象。

原文地址:https://www.cnblogs.com/www-123456/p/10771037.html

时间: 2024-10-01 00:37:56

jQuery(九)、ajax对象操作的相关文章

JQuery中Ajax的操作

Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进行一些简单配置就可以实现:而Spring进行了对各种对象的管理进行封装,提供了AOP编程的方式,大大方便了我们:而Hibernate和IBatis则是对JDBC代码进行封装,不需要我们每次都写那些重复而繁杂的JDBC代码. 前台呢,对于页面一些效果,验证等,我们都是通过JavaScript语言进行完

【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成 为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络

JavaScript之Ajax-6 Ajax的增强操作(jQuery对Ajax的支持、表单操作)

一.jQuery对Ajax的支持 load() - 作用: 将服务器返回的数据字节添加到符合要求的节点之上 - 用法: $obj.load(请求地址,请求参数) - 请求参数 - "username=tom&age=22" - {'username':'tom','age':22} - 有请求参数时,load方法发送POST请求,否则发送GET请求 get() - 作用: 发送GET类型的请求 - 用法: $.get(请求地址,请求参数,回调函数,服务器返回的数据类型) - 说

Ajax-04 jQuery Ajax 常用操作

jQuery jQuery 其实就是一个JavaScript的类库,其将复杂的功能做了上层封装,使得开发者可以在其基础上写更少的代码实现更多的功能. jQuery Ajax a.概述 jQuery 不是生产者,而是大自然的搬运工 jQuery Ajax 本质是 XMLHttpRequest 或 ActiveXObject b.使用 --- 下载导入jQuery(2.+ 版本不再支持IE9以下的浏览器) jQuery Ajax常用操作 jQuery.ajax( url [, settings ]

jarson jQuery的deferred对象使用详解——实现ajax线性请求数据

最近遇到一个ajax请求数据的问题 ,就是想要请求3个不同的接口,然后请求完毕后对数据进行操作,主要问题就是不知道这3个请求誰先返回来,或者是在进行操作的时候不能保证数据都已经回来,首先想到能完成的就是在第一个ajax请求的succes里面写第二个ajax请求,但是大家都知道,这样写的效率会很低很低,所以放弃了. 查阅了很久,终于找到了方法.使用deferred对象. jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本.每个版本都会引入一些新功能.今天我想介绍的,就是从jQue

jQuery的deferred对象使用详解——实现ajax线性请求数据

最近遇到一个ajax请求数据的问题 ,就是想要请求3个不同的接口,然后请求完毕后对数据进行操作,主要问题就是不知道这3个请求誰先返回来,或者是在进行操作的时候不能保证数据都已经回来,首先想到能完成的就是在第一个ajax请求的succes里面写第二个ajax请求,但是大家都知道,这样写的效率会很低很低,所以放弃了. 查阅了很久,终于找到了方法.使用deferred对象. jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本.每个版本都会引入一些新功能.今天我想介绍的,就是从jQue

【学亮IT手记】Ajax跨域问题精讲--jQuery解决跨域操作

什么是跨域 跨域,它是不同的域名(服务器)之间的相互的资源之间的访问. 当协议,域名,端口号任意一个不同,它们就是不同的域. 正常情况下,因为浏览器安全的问题,不同域之间的资源是不可以访问的. 跨域的解决方案 什么情况下会用到跨域? 一般情况,是在自己的内部的工程中会出现跨域的情况. 有三种解决方案: 1.服务器跨域(代理方案) 2.jsonp,<script>标签的开发策略. 3.XHR2,HTML5提供,一般是在移动开发中使用. jQuery解决跨域操作 在jquery中可以使用$.aja

jQuery的文档操作(重点)/简单接触ajax(和风天气)

一.jQuery的文档操作****** 之前js中学习了js的DOM操作,也就是所谓的增删改查DOM操作.通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果.那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档. 看一个我们JS操作DOM的例子: var oUl = document.getElementsByTagName('ul')[0]; var oLi = document.createElement('li'); oLi.innerHTML = '

【转载】学习资料存档:jQuery的deferred对象详解

我在以前的文章里提到promise和deferred,这两个东西其实是对回调函数的一种写法,javascript的难点之一是回调函数,但是我们要写出优秀的javascript代码又不得不灵活运用回调函数,大型javascript代码里都会大量运用回调函数,大量的标准回调函数写法的坏处就是使得代码的阅读性和可维护性降低,因此出现了promise模式和大量deferred库,jQuery很优秀,但是jQuery早期的版本对优雅回调写法的支持远远不够,直到jQuery1.5引入了deferred后,这