`

AJAX Introduce

阅读更多
    Your first guess is that <?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><place w:st="on"><city w:st="on">AJAX</city></place> is a new technology used in web development. This statement is encouraged by the endless news articles showing sites made with <city w:st="on"><place w:st="on">AJAX</place></city>. In fact <city w:st="on"><place w:st="on">AJAX</place></city> is neither new, nor a technology. It can be seen as a mix of several popular technologies put together to build a friendlier web.
   
The name itself is an acronym for Asynchronous JAvaScript and XML, which already contains two technologies and a technique for loading informationIn this mix, XML is used to store and move information between the client and server, HTML and CSS to format the output and JavaScript to bind all of these elements together in a dynamic manner.
    
The asynchronous part comes from the fact that when a change has to be made to the current page (the user clicks on a link, or submits some information), only the part to change is transferred from the server, and not the entire page. 
     
Besides these, <city w:st="on"><place w:st="on">AJAX</place></city> is about much more:
     
The way information is displayed in a browser – using HTML/XHTML and CSS. To present information to the client, you still need to use the language that browsers understand: HTML for content and CSS for layout and formatting.
    
In the age of dynamic websites, displaying content is not enough. You have to first retrieve it from a dynamic data source, and process it for final output. This is where XML and XSLT come into play.
    
Getting the information from the server and in the user's browser is the next step. The XMLHttpRequest JavaScript object is used for this part.
    
Once the information is displayed you need to modify it dynamically. For this you will use the Document Object Model (or DOM, for short). To provide dynamics to a static HTML page, DOM manipulation is used to alter the properties of already created page elements. It is done through JavaScript and allows (for example) a div element to become visible, or a button to gray-out when a certain selection has been made.
    
The glue that holds all these elements together is JavaScript. This allows retrieving dynamic information, displaying and modifying the page elements. JavaScript is a lightweight programming language used to perform various tasks on the web client.
    
The notion AJAX has come to define a development framework which aims to improve web page usability.
分享到:
评论

相关推荐

    英文原版-Head First Ajax 1st Edition

    Using the unique and highly effective visual format that makes Head First titles popular, this book offers a big picture overview to introduce Ajax, and then explores the use of individual Ajax ...

    ajax、mysql、jstl实现分页、局部刷新界面

    &lt;td style="width:600"&gt; ${row.introduce} &lt;td&gt; ${row.blues} &lt;td&gt; ${row.times } ${row.times }" scope="session" /&gt; &lt;td&gt; 展开" onclick="myfunction(${row.id },${row.times })"/&gt; &lt;/td&gt; ${row.id}...

    Silverlight introduce(microsoft).pdf

    Silverlight 2.0是Silverlight系列的一个重要版本,它在1.0的基础上进行了大量的功能扩展和技术升级,不仅支持传统的Web技术如AJAX、JavaScript和DHTML,还增加了对动态语言(如Python和Ruby)以及.NET Framework的...

    htmlcssjs_introduce

    7. AJAX(异步JavaScript和XML):用于在不刷新页面的情况下更新部分网页内容。 8. ES6新特性:包括箭头函数、模板字符串、解构赋值、let和const等,提高了代码可读性和效率。 HTML、CSS和JavaScript共同构成了网页...

    jboss seam introduce

    1. **Seam的增强特性**:介绍Seam的特色功能,如Infinispan缓存支持、Faces Flow(JSF 2.2的一个特性)、以及对Ajax的优化支持。 2. **集成EJB和CDI**:展示如何在Seam中集成EJB,利用CDI进行依赖注入,以提高组件的...

    dwr+jsp+sqlserver2000无刷新分页

    在网上找到大量的关于ajax分页技术,看了大部分都是用mysql数据库,再者就是用解析xml文件来实现的,(太难了吧),现在这个分页的例子很简单的, 先说说我认为的优点吧: 1、实现简单(js算),业务简单(没有用到...

    introduce:介绍

    AJAX(Asynchronous JavaScript and XML)允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。XMLHttpRequest对象是实现AJAX的关键,现在更常见的使用fetch API来处理异步请求。 5. **函数与...

    ASP.NET 4 Unleashed(part 1)

    The authors first introduce the ASP.NET Framework’s basic controls and show how to create common site-wide layouts and styles. Next, they cover all aspects of accessing, presenting, organizing, and ...

    javaweb 期末复习

    public void setIntroduce(String introduce) { this.introduce = introduce; } public String getActiveCode() { return activeCode; } public void setActiveCode(String activeCode) { this.activeCode = ...

    project-44

    3. **AJAX异步通信**:为了实现与服务器的数据交换,Ankita可能会使用XMLHttpRequest或更现代的Fetch API。这些API允许在不刷新页面的情况下发送请求并接收服务器响应,增强了用户体验。 4. **函数和闭包**:...

    extjs实例大全

    `introduce`文件可能包含关于如何使用EXTJS的Ajax和Store与服务器进行数据交换的示例,包括CRUD(创建、读取、更新、删除)操作。 4. **消息框(Message Box)**: EXTJS的消息框组件提供了一种向用户显示警告、...

    JavaScript 实例应用

    Asynchronous JavaScript and XML(AJAX)使我们能在不刷新整个页面的情况下更新部分网页内容。如今,通常使用`fetch`或`XMLHttpRequest`来实现异步请求。 ```javascript fetch("https://api.example.com/data") ....

    sample3_3.rar_JavaScript/JQuery_Java_

    JQuery,是一个JavaScript库,它简化了DOM操作、事件处理、动画制作和Ajax交互。虽然JQuery不是面向对象的,但它提供了链式调用和插件机制,使得代码更加简洁和高效。不过,JQuery通常不涉及类的创建,而是通过对象...

    js代码-testtest

    - AJAX允许JavaScript在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。`XMLHttpRequest`对象是实现AJAX的核心: ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = ...

    你好

    在实际开发中,JavaScript还涉及到DOM操作、事件处理、异步编程(回调、Promise、async/await)、模块化(CommonJS、ES6模块)、Ajax请求等内容。学习JavaScript的同时,熟悉相关的前端框架如React、Vue或Angular也...

    John.js:跟约翰学习逻辑

    "约翰.js"教程可能还会涵盖事件处理、DOM操作、Ajax请求等Web开发中的实际应用,以及更高级的主题,如模块化(如CommonJS和ES6模块)、错误处理和性能优化。 通过这个教程,学习者可以逐步建立起对JavaScript逻辑的...

    Intro-PHP

    PHP常与前端技术如HTML、CSS和JavaScript结合,通过AJAX(异步JavaScript和XML)实现页面局部更新,提升用户体验。 ### 总结 PHP作为一款强大的Web开发语言,以其易学易用、跨平台和丰富的功能赢得了广大开发者的...

Global site tag (gtag.js) - Google Analytics