首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

java学习与应用(4.6)--过滤器、监听器、JQuery、AJAX、JSON

使用JQuery获取元素JQuery对象(\$("#id"),\$("tag")等选择器),然后可以转换为js对象,两种对象都可以当做数组使用,方法不通用,但是前者更方便,如拥有内容修改方法html等...CRUD操作:append父元素子元素添加到内部,并位于末尾(prepend方法添加到内部并位于开头)。appendTo,prependTo方法子元素方法放到父元素内部等。...该方法可以被JQuery对象调用[使用对象调用],或直接用$.方式调用[全局]。 ?...JSON基本规则:数据由键值对构成,键值用单引号或双引号也可以不使用引号,值类型为数字/字符串/逻辑值/数组/对象/null等。...方法如:writeValue传入File/Writer/OutputStream和obj,obj转json并填充到指定的位置。writeValueAsString传入对象输出json字符串。

5.4K10

js控制json生成菜单——自制菜单

js控制json生成菜单——自制菜单(一) 此文档解决以下问题: 1.JSON文件的书写方式 2.jQuery.getJSON()的运用 3.jQuery.each()的运用 4.jQuery的DOM...操作方法之一:.append()的运用 5.jQuery的遍历方法之一:.children()的运用 6.jQuery的遍历方法之一:.siblings()的运用 7.jQuery的绑定事件处理器之一...:.on()的运用 8.jQuery的滑动特效:.slideToggle()、.slideUp()、.slideDown()的运用  :阿里巴巴矢量图标库http://www.iconfont.cn/.../nav.json", function(data) { //1.getJSON方法获取json文件数据,data为json存储的数据对象组 for(var i = 0;...function(key, val) { //3.遍历每个data对象键值对,遍历次数为3,原因json文件有3个键值对 //key代表属性名

28220
您找到你想要的搜索结果了吗?
是的
没有找到

前端必知的ajax

data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。...jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置覆盖全局设置。..."json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?...error Function (默认: 自动判断 (xml 或 html)) 请求失败时调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象

3K40

前端之jquery函数库

jquery介绍   jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。...事件冒泡的作用  事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件。...3 4 5 Dom操作 元素节点操作指的是改变html的标签结构,它有两种情况: 1、移动现有标签的位置 2、新创建的标签插入到现有的标签中...  javascript中的对象,可以理解成是一个键值对的集合,键是调用每个值的名称,值可以是基本变量,还可以是函数和对象。...json数据拼装成一个函数调用的形式的字符串返回,就完成了一个jsonp的接口,这个键值对是由$.ajax函数自动产生的。

5.2K20

jQuery Ajax 全解析

(可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。...注意一下,alert(data.result); 由于设置了Accept报头为“json”,这里返回的data就是一个对象,并不需要用eval()来转换为对象。...jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"..."json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?...errorFunction(默认: 自动判断 (xml 或 html)) 请求失败时调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象

9.5K10

继续死磕前端

昨天有的基础知识进行了回顾,今天继续磕,不死不休~ 今天要说的便是 jquery 这个函数库,毕竟它影响范围之广,不会都不好意说自己会前端?...... // 使用 jquery 对象用 $(this) }; js 对象jquery 对象有些许不同,jquery 对象是对 js 对象的封装,然后让其拥有了 jquery 的操作方法...DOM 对象jquery 对象: $(js对象) jquery 对象转 DOM 对象jQuery对象[index]; //方式1 (推荐使用jQuery对象.get(index);...答:事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件。...JavaScript 的对象,可以简单的理解为一个键值对的集合,也就是 python 中的字典,键就是调用每个值的名称,值就是变量、函数、对象这些。

2.8K10

web本地存储localStorage和sessionStorage

localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换 3、localStorage在浏览器的隐私模式下面是不可读取的 4、localStorage...void sessionStorage.setItem(string key, string value) :该方法接受一个键名(key)和值(value)作为参数,键值对添加到存储中;如果键名存在,...void sessionStorage.removeItem(string key) :指定的键名(key)从 sessionStorage 对象中移除。 ?...void sessionStorage.clear() :清除 sessionStorage 对象有的项。...存入localStorage中,但是在localStorage会自动localStorage转换成为字符串形式 这个时候我们可以使用JSON.stringify()这个方法,来JSON转换成为JSON

1.6K20

jquery常用方法

$("#ID").not();//从匹配元素集合中删除元素 $("#ID").add();//元素添加到匹配元素的集合中 $("#ID").slice();//匹配元素集合缩减为指定范围的子集 $...1 2 3 4 5 序列化 $("form").serialize();//序列化表格内容为字符串 1 工具方法(jQuery可以使用$代替) jQuery.each(obj,callback);//...(array1,array2);//合并两个数组 jQuery.unique(dom);//去除重复DOM元素 jQuery.makeArray(obj);//类数组对象转换为数组对象 jQuery.trim...jQuery.isPlainObject();//是否为使用“{}”或“new Object”生成的对象,而不是浏览器原生提供的对象。...jQuery.param(object);//将对象键值对转化为URL键值对字符串形式 jQuery.proxy();//调整this的指向 --------------------- 作者:三五月儿

78120

浅谈JavaScript

对象表示方法,这里说的json就是类似于JavaScript对象的字符串,它同时是一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。...2、json格式 json有两种格式: 对象格式 数组格式 对象格式: 对象格式的json数据,使用一对大括号({}),大括号里面放入key:value形式的键值对,多个键值使用逗号分隔。...数组格式: 数据格式的json数据,使用一对中括号([]),中括号里面的数据使用逗号分隔。...数据转换成JavaScript对象 Json本质上是字符串,如果在js中操作json数据,可以json字符串转化为JavaScript对象。...); alert(oPerson.age); 4、小结 json就是一个JavaScript对象表示法,json本质上是一个字符串 json有两种格式:1、对象格式,2、数组格式 ajax 1、ajax

3.2K30

Web-JavaScript

,也可以当作对象使用。...对象 A.append(B):B添加到A的末尾 A.prepend(B):B添加到A的开头 A.remove():删除元素A A.empty():清空元素A的所有儿子 ---- 对类的操作 $A.addClass...常用API: set(key, value):插入键值对,如果key已存在,则会覆盖原有的value get(key):查找关键字,如果不存在,返回undefined size:返回键值对数量 has(...常用API: JSON.parse():字符串解析成对象 JSON.stringify():将对象转化为字符串 1.11.7 日期 返回值为整数的API,数值为1970-1-1 00:00:...一般用JSON传入的对象序列化为字符串。 onopen:类似于onclick,当连接建立时触发。 onmessage:当从服务器端接收到消息时触发。 close():关闭连接。

6.2K20

详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

JSON是一种理想的数据传输格式,它能够很好的融合与JavaScript或其他宿主语 言,并且可以被JS直接使用。...使用JSON相比传统的通过 GET、POST直接发送”裸体”数据,在结构上更为合理,也更为安全。至于jQuery的getJSON()函数,只是设置了JSON参数的 ajax()函数的一个简化版本。...注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置覆盖全局设置。...“json”: 返回 JSON 数据 。 “jsonp”: JSONP 格式。使用 JSONP 形式调用函数时, 如 “myurl?callback=?” jQuery 将自动替换 ?...error Function (默认: 自动判断 (xml 或 html)) 请求失败时调用此方法。 这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象

3.4K100

Django查询优化及ajax编码格式原理解析

,都不会再走数据库; 第一个方法耗时主要耗在联表操作,第二个方法耗时主要耗在查询次数; choices字段 用在一些字段数据是可以明确列出所有的可能的;比如:性别,工作经验,学历,婚否,客户来源等;...ajax 1.异步提交 2.局部刷新 ajax基本语法结构 现用的是基于JQuery封装好的ajax,所以用ajax的时候,先导入jQuery; $.ajax({ url:'', # 后端的地址...django后端自动识别,内部符合urlencoded编码格式的数据,自动解析并将文件类型的数据解析封装到request.FILES中 application/json ajax可以发送json...= new FormData(); 2).然后朝该对象内添加数据(普通键值对和文件均可) 普通键值对 MyFormData.append(‘name’,’value’) MyFormData.append...django能够识别; processData:false, # 浏览器不需要对数据进行任何处理 django能够识别对象中的普通的键值对和文件对象,然后分别放到不同的方法POST和FILES中;

1.6K10

ajax 使用 与 缓存问题

当设置 datatype 类型为 'script' 的时候,所有的远程(不在同一个域中)POST请求都回转换为GET方式。...jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置覆盖全局设置。..."json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?...error Function (默认: 自动判断 (xml 或 html)) 请求失败时调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象

2.2K20
领券