易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax 总结

Ajax 的概念:
Ajax提出者Jesse James Garrett在《Ajax:一个Web应用的新途径》中提到Ajax为“Asynchronous JavaScript + XML”的简称,也就是异步的JavaScript和XML处理。
其中包含:
用XHTML和CSS进行基于标准的表示方式: 
  采用DOM(document object model)动态显示和交互操作; 
  采用XML和XSLT进行数据交换和操作; 
  采用XMLHttpRequest进行异步数据获取; 
  采用JavaScript绑定上述技术应用; 
XMLHttpRequest 对象:
    XMLHttpRequest是一个JavaScript对象
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>
Ajax 方法:(xmlhttprequest)(1)Ajax 原理 通过函数(2) ajax 框架 Ajax magicajax(3) Atlas(4)Ajax.netAjax 优点:(1)       无刷新(2)       按需取数据(3)       减轻服务器端代码缺点:1 代码比较乱
Ajax 的工作原理:Ajax主要是通过JavaScript对象中的XmlHttpRequest向服务器提出请求,并根据处理的结果更新页面。这样的更新不会使整个页面全部更新,而是根据用户的需要对某个区域进行局部更新,而且在更新的同时不影响其它区域的浏览。例如:搜狐个人博客中每个栏目后面的刷新按钮Ajax与传统Web应用有什么不同?
Ajax与传统Web应用最大的不同就是Ajax可以对页面某一个区域进行局部加载,而不是像传统Web中每次页面请求后的都必须重新加载整个页面,特别在页面负载比较大的情况下,页面加载时间就比较长,用户多数时间就处在等待状态,而呈现给用户的仅仅是一片空白,而在Ajax的应用中就可以很好的避免这类事情的发生。 Ajax 应用程序所用到的基本技术:HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。 JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。 DHTML 或 Dynamic HTML,用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。 文档对象模型 DOM 用于(通过 JavaScript 代码)处理 HTML 结构和(某些情况下)服务器返回的 XML。


相关文档:

jQuery AJAX 调用WCF服务实现的自动完成控件

代码下载:http://code.google.com/p/ajaxautocomplete/downloads/list
 
Auto Complete的jQuery控件。
首先是需要设计下我们的DIV最后应该显示成什么样子,我的CSS不咋地。瞎玩呢。样子如下:
首先是一个DIV,然后是添加一个ul和几个li tag:
<div id="nav">
<ul>
<li><a>Text1 field1& ......

Rails ajax 的联动的下拉框


# app\controllers\examples_controller.rb
ruby 代码
 
class ExamplesController < ApplicationController  
  
  def ajax_select  
    @items = %w{AA BB}  
  end   ......

Ajax历险记 1

今天抄了段书上小代码,代码如下
<html>
<head>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript">
function start() {
var oXmlHttp = zXmlHttp.createRequest();
oXmlHttp.open("get", "info11.txt", true);
oXmlHttp.onreadystatecha ......

使用JavaScript和Ajax发出异步请求详解

打开请求
  有了要连接的 URL 后就可以配置请求了。可以用 XMLHttpRequest 对象的 open() 方法来完成。该方法有五个参数:
request-type:发送请求的类型。典型的值是 GET 或 POST,但也可以发送 HEAD 请求。
url:要连接的 URL。
asynch:如果希望使用异步连接则为 true,否则为 false。该参数是可选的,默认为 true。
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号