在返回HTML数据的情况下,我们知道如果只让浏览器自己打开页面而不使用JavaScript,那 么没有样式的文档片段会很难看。为了给没有JavaScript用户提供比这里更好的体验,可以有条件 的加载包含、以及其他所有内容的完整的页面。为此,就要利用jQuery 随同Ajax请求一起发送的请求头部。在服务器端代码(这里是PHP)中,我们需要检查X-Requested-With头部。
浏览(223) 评论 (0) (2015-01-15)
向服务器发送数据经常会涉及用户填写表单。常规的表单提交机制会在整个浏览器窗口中加 载响应,而使用jQueiy的Ajax工具箱则能够异步地提交表单,并将响应放到当前页面中。
浏览(490) 评论 (1) (2015-01-15)
jquery使用POST方法与使用GET方法的HTTP请求几乎是一样的。从视觉上来看,它们之间一个最 大的区别就是GET请求把参数放在作为URL —部分的查询字符串中,而POST请求则不是。但是,在Ajax请求中,即使是这种区别对一般用户而言也是不可见的。
浏览(337) 评论 (0) (2015-01-15)
向服务器传递数据
此前,我们的例子都是从Web服务器上取得静态的数据文件。然而,Ajax的价值只有当服务 器能够基于浏览器的输人动态形成数据时才能得到充分体现。在这种情况下,jQuery同样也能为 我们提供帮助;前面介绍的所有方法在经过修改之后,都可以实现双向的数据传送。
浏览(831) 评论 (0) (2015-01-14)
加载XML文档
XML是缩写词Ajax中的一部分,但我们至今还没有谈到加载XML文档。加载XML文档很简单,而且与JSON技术也相当接近。首先,需要将希望显示的数据包含在一个名为d.xml的XML文 件中:
浏览(300) 评论 (0) (2015-01-14)
有时候,在页面初次加载时就取得所需的全部JavaScript也是没有必要的。具体需要取得哪个 脚本,要视用户的操作而定。虽然可以在需要时动态地引人script标签,但注人所需代码的 更优雅的方式则是通过jQueiy直接加载.js文件。
浏览(236) 评论 (0) (2015-01-14)
通过请求获取充分格式化的HTML虽然很方便,但这也意味着必须在传输文本内容的同时也 传输很多HTML标签。有时候,我们希望能够尽量少传输一些数据,然后马上处理这些数据。在 这种情况,我们希望取得能够通过JavaScript进行遍历的数据结构。
使用jQueiy的选择符可以遍历和操作取得的HTML结构,但是还有一种JavaScript内置的数据 格式,既能减少数据传输量,也会减少编码量。
浏览(222) 评论 (0) (2015-01-14)
ajax追加 HTML
Ajax应用程序通常只不过是一个针对HTML代码块的请求。这种被称作AHAH (Asynchronous HTTP and HTML,异步HTTP和HTML)的术,通过jQuery来实现只是小菜一碟。首先,需要一些供插人用的HTML,我们把这些HTML放在与主文档位于同一目录下的a.html文件中。
浏览(388) 评论 (0) (2015-01-12)
Ajax (Asynchronous JavaScript and XML,异步JavaScript和XML)这个概念是由Jesse James Garrett在2005年发明的。它的含义可谓丰富,因为这个术语本身涵盖的是一组相关的能力和技术。 从根本上来说,一个Ajax解决方案中涉及如下技术。
JavaScript:处理与用户及其他浏览器相关事件的交互,解释来自服务器的数据,并将其 呈现在页面上。
XMLHttpRequest:这个对象可以在不中断其他浏览器任务的情况下向服务器发送请求。 □文本文件:服务器提供的XML、HTML或JSON格式的文本数据。
浏览(182) 评论 (0) (2015-01-12)
对于jQuery提供的大量DOM操作方法,应该根据要完成的任务和元素的位置作出不同的选 择。本章只介绍了一部分DOM操作方法,但其他方法的使用与这些方法类似;第12章还将更全 面地讨论DOM操作方法。下面,我们简单地归纳出一些方法,这些方法几乎能够在任何情况下, 完成任何任务。
浏览(219) 评论 (0) (2015-01-10)
本次学习的内容有:绑定事件的方式有哪些、事件触发其他时间的方式、事件对象的属性和方法
代码如下:
浏览(122) 评论 (0) (2015-01-08)
本次主要练习dom操作,包括:dom对象的创建(JS方式和jquery方式)、属性的修改、样式的修改、动态绑定事件
代码如下:
浏览(60) 评论 (0) (2015-01-08)
dom内容setter和getter方法
如果能够对突出引用稍作修改,去掉一些文本并代之以省略号,那么效果会更好。为此,我 们在例子文本中已经将某些文本包装在了 X素中。
实现这种替换的最简便方式,就是直接用新的HTML代替旧的内容。此时,就要用到.html() 方法了,参见代码清单5-19。
浏览(519) 评论 (0) (2015-01-07)
本章到目前为止已经示范的操作包括:插人新创建的元素、将元素从文档中的一个位置移动 到另一个位置,以及通过新元素来包装已有的元素。可是,有时候也会用到复制元素的操作。例 如,可以复制出现在页面顶部的导航菜单,并把副本放到页脚上。实际上,无论何时,只要能通 过复制元素增强页面的视觉效果,都是以重用代码来实现的好机会。毕竟,如果能够只编写一次 代码并让jQuery替我们完成复制,何必要重写两遍同时又增加双倍的出错机会呢?
浏览(934) 评论 (0) (2015-01-06)
使用反向插入方法
在代码清单5-12中,我们先把创建的内容插人到元素前面,然后再把同一个元素插人到文档 中的另一个位置。通常,当在jQuery中操作元素时,利用连缀方法更简洁也更有效。可是我们现 在没有办法这样做,因为this是.insertBefore()的目标,是.appendTo()的内容。此时,利 用反向插入方法,可以帮我们解决问题。
浏览(317) 评论 (1) (2015-01-04)