下班之前终于搞定了使用$.ajax增加的动态元素获取不到的问题，原来是使用.on方法（老版本是.live），这里记录一下，顺便赞一下jQuery，通过使用getJSON,.append,.empty等，...我是用法 $('#parent').on("click", "#child", function() {});//#parent是非ajax方式生成的，#child是ajax回来的数据
JQuery 类数组对象提供的函数都自带 for 循环遍历每个查找到的元素 (4). JQuery 函数底层都是 DOM 操作，所以可和原生的 DOM 操作组合使用 (5)....子元素过滤选择器 — 重点 在每个父元素中进行分组，查找指定的子元素，下标从 1 开始 (1). :first-child 第一个子元素 语法: $('li:first-child'); (2)....若选中元素很多，每个都会有一个监听函数 ②. 无法为后添加的元素执行绑定 (2). on()函数的第二种使用方法——委托给父元素进行事件代理 ①....JQuery 常用AJAX函数 (1). $.get(url, data ,callback); 发起一个ajax的GET请求, 在请求主体中提交请求数据，如果服务器返回成功，响应消息，调用callback...$(“选择器”).load(url);获取服务器返回的HTML响应片段，设置为当前元素的innerHTML ①. 服务器返回的必须是HTML片段 ②.
AJAX只是使用以下组合： 浏览器内置的XMLHttpRequest对象（用于从Web服务器请求数据） JavaScript和HTML DOM（用于显示或使用数据） AJAX是一个具有误导性名称的技术。...当 readyState 为 4 且 status 为 200 时，表示响应已准备好。...当服务器响应就绪时，将构建一个HTML表格，从XML文件中提取节点（元素），最终使用包含XML数据的HTML表格更新 "demo" 元素： LoadXMLDoc() function loadDoc()...当服务器响应就绪时，myFunction() 函数会解析XML并构建一个包含CD信息的HTML表格，最终更新具有 "demo" ID 的元素。...在HTML表格中显示XML数据 此示例循环遍历每个 元素，并在HTML表格中显示 和 元素的值： table, th
p:first-of-type 选择属于其父元素的首个 元素的每个 元素。 p:last-of-type 选择属于其父元素的最后 元素的每个 元素。...p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 元素。...p:first-of-type 选择属于其父元素的首个 元素的每个 元素。 p:last-of-type 选择属于其父元素的最后 元素的每个 元素。...p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 元素。...远程服务器找到资源并使用 HTTP 响应返回该资源，值为 200 的 HTTP 响应状态表示一个正确的响应。 4. 此时，Web 服务器提供资源服务，客户端开始下载资源。
一般每个小组是一个8位字符，在每个小组的头部和尾部都有一个开始位和一个停止位，它在传送过程中接收方和发送方的时钟不要求一致，也就是说，发送方可以在任何时刻发送这些小组，而接收方并不知道它什么时候到达。...它不是独立地发送每个字符，每个字符都有自己的开始位和停止位，而是把它们组合起来一起发送。我们将这些组合称为数据帧，或简称为帧。 ...3、ajax所包含的技术 ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。...（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态。）...18.username： 要求为String类型的参数，用于响应HTTP访问认证请求的用户名。 19.password： 要求为String类型的参数，用于响应HTTP访问认证请求的密码。
原生ajax AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。...通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。 XML简介 XML 可扩展标记语言。...HTTP协议工作于客户端-服务端架构为上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后，向客户端发送响应信息。...原生js发送ajax请求 get请求 点击发送请求 //获取button元素
0(未初始化)，1(正在加载)，2(已加载)，3(交互中)，4(完成) responseText 返回服务器的响应，表示为一个字符串 responseXML 返回服务器的响应，表示为xml，可以解析为DOM...> 与服务器通信 处理服务器响应：XMLHttpRequest对象提供responseText将响应提供为一个串，responseXML将响应提供为一个XML对象。...将响应解析为纯文本文件。...将响应 解析为XML文件： 要使服务器按XML格式响应数据，需要Content_Type首部为text/xml，当为纯文本时：text/piain 用于处理XML文档的DOM元素的属性方法 属性方法名...} 为什么要把时间戳追加到目标URl：有时浏览器会把多个XMLHttpRequest请求的结果缓存在同一个URL，如果对每个请求的响应不同，就会带来好的结果，把当前时间戳追加到YR来的最后，就能保证URL
input元素 $("#main > *")选择id为main的所有子元素 过滤选择器：如：$("tr:first")选择所有tr元素的第一个 $("tr:last")选择所有tr元素的最后一个 表单选择器...)向每个匹配的元素内部追加内容. 4)after(content)在每个匹配的元素之后插入内容. 5)html()/html(var)取得或设置匹配元素的html内容. 6)find(...expr)搜索所有与指定表达式匹配的元素. 7)bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数. 8)empty()删除匹配的元素集合中所有的子节点. ...)和removeClass(class)为指定的元素添加或移除样式. 12)css(name)访问第一个匹配元素的样式属性. 13)ajax([options])通过HTTP请求加载远程数据...并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
++) { //将每个元素的HTML内容增加DOM字符 items[i].innerHTML+=" DOM";...的jQuery对象 var $foo=$("#foo"); //修改$foo元素的HTML内容为Foo jQuery $foo.html("Foo jQuery...将DOM包装成一个jQuery对象，调用jQuery方法html修改元素HTML jQuery("#bar").html("Bar jQuery"); //为id为bar...$("p").parents() //每个p节点的所有祖先节点,body,html $("#node").parentsUntil("#node2") //id为"#node"节点到id为'#node2...每个转换器的值是一个函数，返回响应的转化值 crossDomain map 默认： 同域请求为false 跨域请求为true如果你想强制跨域请求（如JSONP形式）同一域，设置crossDomain为
Ajax引擎，客户端可以继续操作，由Ajax引擎来完成与服务武器端通信，当响应回来后，Ajax引擎会更新客户页面，在客户端提交请求后，用户可以继续操作，而无需等待 。...结合编程图解，我们将第一个案例的代码进行解剖： 3.三种不同服务器响应数据类型编程 常见的服务器响应数据类型：html片段、JSON格式数据、xml格式数据 ①：HTML片段的数据处理 练习1：验证用户名是否有效...Ø 通过xmlhttp.responseText获得返回数据 Ø 通过Dom查找获得元素 Ø 调用元素的innerHTML进行操作 从Ajax编程图解我们可以知道，我们只需要分别编写客户端和服务器端就好...客户端我们以register.html文件为主，服务器端程度为CheckUsernameServlet以及配置文件web.xml。...这里需要提出的是第二种解决方案JSON(HTML片段容易造成返回数据带回过多冗余的HTML标签元素) JSON是一种JavaScript轻量级数据交互格式，主要应用于Ajax编程。
通过 DOM 对 HTML 页面的解析，可以将页面元素解析为元素节点、属性节点和文本节 点，这些解析出的节点对象，即 DOM 对象。DOM 对象可以使用 JavaScript 中的方法。...$(选择器).html(值)：有参数调用，用于设置 DOM 数组中所有元素的在网页上显示的文本内容。...13.2.7 each函数（常用） each 是对数组、json对象 和 dom 对象等的遍历,对每个元素调用一次函数。...、 dom对象的value(使用dom.value获取)， index: 数组的下标 ： 这个下标自定义，且会自动增长，知道与数组中的元素个数一致的时候，停止增长，例如：数组中元素有5个，则这个i为 0..."xml" - 一个 XML 文档 "html" - HTML 作为纯文本 "text" - 纯文本字符串 "json" - 以 JSON 运行响应，并以对象返回 语法格式：$.ajax({ data
即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据） 同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求...，form表单提交完数据会自己刷新，所有在使用button元素提交的时候会刷两次，可以讲form元素去掉； 如果使用Ajax，form元素也可以不去掉，那么就不能使用button元素，可以使用input...元素，type=‘button’ 在Ajax中，如果使用json模块序列化数据，前端返回的是字符串不是对象，响应头中是text/html格式，需要自己在html页面通过JSON.parse(data...，ajax接收到数据后会自动转成对象 如果使用Ajax，能不能解析返回的数据，取决于响应的类型，如果是json类型，那么就自动解析，不是需要自己手动解析 如果使用了ajax，后端就不要返回rediret...multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。 text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。
下面是旧的ajax方式 使用iframe完成一次ajax，脚本先把要发送给web服务器的信息编码到url中，服务器在动态的创建一个html文档，将其内容返回给web，在iframe中显示，这种方式受道同源的限制...script 通过script元素的src属性设置url发起http get请求，即一种基于script的ajax传输，服务器使用json编码，执行脚本的时候，将其转码，这种的ajax同时也称为jsonp...即这种的跨域可以不受到同源的限制 ajax中的x ajax中的x为xml为一种可选的通信方式，也可以使用JSON完成通信。...好贵，建议注册一下 XMLHttpRequest 浏览器在CMLHttpRequest类上定义了其HTTP 的API 这个类的每个实例都表示一个独立请求/响应对。...一个数字和文字组合成的状态码，如404（表示不存在） 一个响应头集合 响应主体 为什么本地不能直接使用ajax 在本地写js的时候，必须搭建一个服务器其AJAX才能工作 原因：因为文件的协议为file
如果的网站上有多个AJAX任务，应该编写一个用于创建XMLHttpRequest对象的标准函数，并为每个AJAX任务调用该函数。...如果XMLHttpRequest对象要在AJAX中使用，其open（）方法的异步参数必须设置为true： xmlhttp.onreadystatechange=function() { if (.../ajax_info.txt",true); xmlhttp.send(); xmlhttp.open（“GET”，“ajax_test.html”，true）； 发送异步请求是web开发人员向前迈出的一大步...使用AJAX，JavaScript不需要等待服务器的响应，而是： 等待服务器响应时执行其他脚本 准备就绪后处理响应 xmlDoc=xmlhttp.responseXML; txt=""; x=xmlDoc.getElementsByTagName...当服务器响应就绪时，它将构建一个HTML表，从XML文件中提取节点（元素），最后使用填充了id=“demo”XML数据的表元素
过滤 四、jQuery AJAX 0. 原理 1. 加载 2. Get/Post 3. 服务器响应 4. onreadystatechange 事件 5. 关于callback 6....prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 通用的格式，以下以append()为例，只是显示的效果不同。...等于 4 且状态为 200 时，表示响应已就绪。...关于callback 如果存在多个 AJAX 任务，那么应该为创建 XMLHttpRequest 对象编写一个标准的函数，并为每个 AJAX 任务调用该函数。...AJAX & ASP/PHP/DB/XML 通过标签绑定事件，绑定函数在服务器响应就绪时调用函数，发送HTTP请求，访问asp/php文件，文件中对数据库进行查询。
减少页面元素将会减少 HTTP 请求 次数。这是快速显示页面的关键所在。 一种减少页面元素个数的方法是简化页面设计。 但是否存在其他方式，能做到既 有丰富内容，又能获得快速响应时间呢？...这将增大 HTML 文 件的大小。组合 inline images 到你的（缓存）样式表是既能较少 HTTP 请求， 又能避免加大 HTML 文件大小的方法。...压缩页面元素 通过压缩 HTTP 响应内容可减少页面响应时间。...HTML 规范明确要求样式表被定义在 HEAD 中，因此，为避免空白屏幕或闪烁问题， 最好的办法是遵循 HTML 规范，把样式表放在 HEAD 中。 法则 6....缓存 Ajax 性能优化法则同样适用于 web 2.0 应用。提高 Ajax 的性能最重要的方式是使得 其 response 可缓存，就象“法则 3 增加 Expires Header”讨论的那样。
一、鼠标事件： 1、点击事件click()和dbclick(): 点击事件，就是当用户点击鼠标时该响应的动作，click是单击，dbclick是双击。...keypress(): keydown类似于mousedown，按下键盘时的事件；keyup就类似于mouseup，按下键盘再松开的那个时候触发的事件；keypress事件只能捕获单个字符，不能捕获组合键...，无法响应系统功能键（如delete，backspace），不区分小键盘和主键盘的数字字符。...它的调用格式如下： $.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType...为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。
1、DNS 域名解析，把域名解析成 ip 地址； 2、通过 tcp 协议与服务器握手跟服务器建立链接； 3、浏览器向服务器发送请求； 4、服务器响应，若状态码为 200 浏览器接受返回的HTML页面开始渲染...共同点： 1、改变行内元素的呈现方式，display被置为inline-block； 2、让元素脱离普通流，不占据空间； 3、默认会覆盖到非定位元素上 不同点： absolute的”根元素“是可以设置的...前端模板 JS + 数据，减少由于HTML标签导致的带宽浪费，前端用变量保存 AJAX 请求结果，每次操作本地变量，不用请求，减少请求次数 3....组合继承(原型+借用构造) 4. 原型式继承 5. 寄生式继承 6. 寄生组合式继承 四十一、ajax 的过程是什么？ 1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象 2....作用：利用rem可以实现简单的响应式布局，可以利用html元素中字体的大小与屏幕间的比值设置font-size的值实现当屏幕分辨率变化时让元素也变化。
在远古时代，如果浏览器需要从服务器请求资源，其交互模式为 “客户端发出请求 -> 服务端接收请求并返回相应 HTML 文档 -> 页面刷新，客户端加载新的 HTML文档”，很显然，在这种情况下，即使只是为了更新部分数据...3.3 设置请求头 xhr.setRequestHeader('Header','Value') 每个 HTTP 请求和响应都会带有相应的头部信息，包含一些与数据、收发者网络环境与状态等相关信息。...以 http://test.com/dist/demo.html 为例，不同源以及同源可能有以下情况： 类型 URL 结果 不同协议 https://test.com/dist/demo.html 失败...IndexDB 获取 DOM 元素 发送 AJAX 请求 为什么同源策略要禁止不同源之间进行这些操作呢？...那么假定用户访问了我在A源中用 iframe 引入的B源网页，他的所有操作都会在我们的掌握之中，因为我们可以在A源操作B源的 DOM 元素； A 源可以自由发送 AJAX 请求给B源。
DOCTYPE html> <meta http-equiv="X-UA-Compatible" content...“变”，赋值时是什么值，就会一直保持这些值，代码是一个一个函数，每个函数只是对输入的参数做了响应，然后返回结果。...# 响应式编程 # Reactive Extension Reactive Extension，也叫 ReactiveX，或者简称 Rx，指的是实践响应式编程的一套工具。...# RxJS 是否是函数响应式编程 FRP 包含两个重要元素： 指称性（denotative） 临时的连续性（temporally continuous） 正统 FRP 认为，一个系统如果能被称为 FRP...# 函数响应式编程的优势 RxJS 模型的特点： 数据流抽象了很多现实问题 网页 DOM 的事件，可以看作为数据流 通过 WebSocket 获得的服务器端推送消息可以看作是数据流 通过 AJAX 获得服务器端的数据资源也可以看作是数据流
领取专属 10元无门槛券
手把手带您无忧上云
