开发手册 欢迎您!
软件开发者资料库

CoffeeScript - Ajax

CoffeeScript Ajax - 从概述,环境,命令行实用程序,语法,数据类型,变量,运算符和别名,条件,循环,理解,函数,字符串,数组,对象,范围,Splat,日期,数学,异常处理开始学习CoffeeScript ,正则表达式,类和继承,Ajax,jQuery,MongoDB,SQLite。

AJAX是一种用于创建交互式Web应用程序的Web开发技术.

  • AJAX代表 A 同步 Ja vaScript和 X ML.这是一种借助XML,HTML,CSS和Java Script创建更好,更快,更具交互性的Web应用程序的新技术.

  • Ajax使用用于内容的XHTML,用于演示的CSS,以及用于动态内容显示的文档对象模型和JavaScript.

  • 传统的Web应用程序使用同步向服务器传输信息和从服务器传输信息要求.这意味着您填写表单,点击提交,然后从服务器获取新信息并进入新页面.

  • 使用AJAX,当您点击提交时,JavaScript将向服务器发出请求,解释结果并更新当前屏幕.在最纯粹的意义上,用户永远不会知道任何东西甚至被传输到服务器.

  • XML通常用作接收服务器数据的格式,尽管可以使用任何格式,包括纯文本.

  • AJAX是一种独立于Web服务器软件的Web浏览器技术.

  • 当客户端程序在后台从服务器请求信息时,用户可以继续使用该应用程序.

通常,我们使用jQuery来处理Ajax.以下是Ajax和jQuery的示例

         The jQuery Example                     $(document).ready(function() {            $("#driver").click(function(event){               $('#stage').load('/jquery/result.html');            });         });                  

Click on the button to load /jquery/result.html file −

               STAGE      
         

这里 load()向指定的URL发起Ajax请求/coffeescript/result.html 文件.加载此文件后,所有内容都将填充在< div>内.用ID stage 标记.假设我们的/jquery/result.html文件只有一行HTML :

THIS IS RESULT...

单击给定按钮后,将加载result.html文件.

使用Ajax的CoffeeScript

我们可以使用CoffeeScript重写上面的例子,如下所示.

         The jQuery Example                                  $(document).ready ->          $('#driver').click (event) ->            $('#stage').load '/jquery/result.html'            return          return                  

Click on the button to load /jquery/result.html file -

               STAGE