AJAX

  • Revision slug: AJAX
  • Revision title: AJAX
  • Revision id: 314193
  • Criado:
  • Criador: PedroFelipe
  • É a revisão atual? Não
  • Comentar

Conteúdo da revisão

Primeiros passos
Uma introdução ao AJAX.

JavaScript assíncrono + XML enquanto não era uma tecnologia em si, mas um termo empregado em 2005 por Jesse James Garrett descreve uma "nova" aproximação ao uso de um número de tecnologias recentes juntas, incluindo: HTML ou XHTML, Cascading Style Sheets, JavaScript, The Document Object Model, XML, XSLT, e o mais importante: objeto XMLHttpRequest.
Quando essas tecnologias são combinadas no modelo AJAX, aplicações web são capazes de fazer rapidamente, atualizações incrementais para a interface do usuário sem recarregar a página inteira do navegador. Isso torna a aplicação mais rápida e sensível às ações do usuário.

Although X in AJAX stands for XML, JSON is used more than XML nowadays because of its many advantages such as being lighter and a part of JavaScript. Both JSON and XML are used for packaging information in AJAX model.

Documentação

AJAX:Primeiros passos
Este artigo orientará o básico sobre AJAX e fornecerá dois exemplos para você começar.
Alternate Ajax Techniques
Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication, but Ajax techniques are not limited to just XMLHttp. There are several other methods.
Ajax: A New Approach to Web Applications
Jesse James Garrett, of adaptive path, wrote this article in February 2005, introducing AJAX and its related concepts.
A Simpler Ajax Path
"As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app while still using traditional tools like web forms for collecting user input."
Fixing the Back Button and Enabling Bookmarking for AJAX Apps
Mike Stenhouse has penned this article, detailing some methods you can use to fix back button and bookmarking issues when developing AJAX applications.
Ajax Mistakes
Alex Bosworth has written this article outlining some of the mistakes AJAX application developers can make.
Tutorial com exemplos.
 
HTML no XMLHttpRequest
 
Especificação XMLHttpRequest
W3C Working draft
Outros recursos
Outros recursos do AJAX que podem ser úteis.

Ver todos...

Comunidade

  • Consulte os fóruns da Mozilla...
{{ DiscussionList("dev-ajax", "mozilla.dev.ajax") }}

Ferramentas

Ver todos...

Exemplos

HTML, XHTML, CSS, DOM, JavaScript, XML, XMLHttpRequest, XSLT, DHTML, Canvas

 

Fonte da revisão

<div class="callout-box">
  <strong><a href="/en-US/docs/AJAX/Getting_Started" title="en-US/docs/AJAX/Getting_Started">Primeiros passos</a></strong><br />
  Uma introdução ao AJAX.</div>
<div>
  <p><strong>JavaScript assíncrono + XML</strong> enquanto não era uma tecnologia em si, mas um termo empregado em 2005 por Jesse James Garrett descreve uma "nova" aproximação ao uso de um número de tecnologias recentes juntas, incluindo: <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a> ou <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/CSS" title="en-US/docs/CSS">Cascading Style Sheets</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/DOM" title="en-US/docs/DOM">The Document Object Model</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>, <a href="/en-US/docs/XSLT" title="en-US/docs/XSLT">XSLT</a>, e o mais importante: <a href="/en-US/docs/DOM/XMLHttpRequest">objeto XMLHttpRequest</a>.<br />
    Quando essas tecnologias são combinadas no modelo AJAX, aplicações web são capazes de fazer rapidamente, atualizações incrementais para a interface do usuário sem recarregar a página inteira do navegador. Isso torna a aplicação mais rápida e sensível às ações do usuário.</p>
  <p>Although X in AJAX stands for XML, <a href="/en-US/docs/JSON" title="https://developer.mozilla.org/en-US/docs/JSON">JSON</a> is used more than XML nowadays because of its many advantages such as being lighter and a part of JavaScript. Both JSON and XML are used for packaging information in AJAX model.</p>
</div>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id="Documentation" name="Documentation">Documentação</h2>
        <dl>
          <dt>
            <a href="/en-US/docs/AJAX/Getting_Started" title="en-US/docs/AJAX/Getting_Started">AJAX:Primeiros passos</a></dt>
          <dd>
            Este artigo orientará o básico sobre AJAX e fornecerá dois exemplos para você começar.</dd>
          <dt>
            <a class="external" href="http://www.webreference.com/programming/ajax_tech/">Alternate Ajax Techniques</a></dt>
          <dd>
            Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication, but Ajax techniques are not limited to just XMLHttp. There are several other methods.</dd>
          <dt>
            <a class="external" href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax: A New Approach to Web Applications</a></dt>
          <dd>
            Jesse James Garrett, of <a class="external" href="http://www.adaptivepath.com">adaptive path</a>, wrote this article in February 2005, introducing AJAX and its related concepts.</dd>
          <dt>
            <a class="external" href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">A Simpler Ajax Path</a></dt>
          <dd>
            "As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app while still using traditional tools like web forms for collecting user input."</dd>
          <dt>
            <a class="external" href="http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps/" title="http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps/">Fixing the Back Button and Enabling Bookmarking for AJAX Apps</a></dt>
          <dd>
            Mike Stenhouse has penned this article, detailing some methods you can use to fix back button and bookmarking issues when developing AJAX applications.</dd>
          <dt>
            <a class="external" href="http://alexbosworth.backpackit.com/pub/67688">Ajax Mistakes</a></dt>
          <dd>
            Alex Bosworth has written this article outlining some of the mistakes AJAX application developers can make.</dd>
          <dt>
            <a class="external" href="http://www.xul.fr/en-xml-ajax.html">Tutorial</a> com exemplos.</dt>
          <dd>
            &nbsp;</dd>
          <dt>
            <a href="/en-US/docs/HTML_in_XMLHttpRequest" title="en-US/docs/HTML_in_XMLHttpRequest">HTML no XMLHttpRequest</a></dt>
          <dd>
            &nbsp;</dd>
          <dt>
            <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">Especificação XMLHttpRequest</a></dt>
          <dd>
            W3C Working draft</dd>
          <dt>
            <a href="/en-US/docs/AJAX/Other_Resources" title="en-US/docs/AJAX/Other_Resources">Outros recursos</a></dt>
          <dd>
            Outros recursos do AJAX que podem ser úteis.</dd>
        </dl>
        <p><span class="alllinks"><a href="/en-US/docs/tag/AJAX" title="en-US/docs/tag/AJAX">Ver todos...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="Community" name="Community">Comunidade</h2>
        <ul>
          <li>Consulte os fóruns da Mozilla...</li>
        </ul>
        <div>
          {{ DiscussionList("dev-ajax", "mozilla.dev.ajax") }}</div>
        <ul>
          <li><a href="/en-US/docs/AJAX/Community" title="en-US/docs/AJAX/Community">Links da comunidade AJAX</a></li>
        </ul>
        <h2 class="Tools" id="Tools" name="Tools">Ferramentas</h2>
        <ul>
          <li><a class="external" href="http://www.ajaxprojects.com">Toolkits and frameworks</a></li>
          <li><a class="external" href="http://www.getfirebug.com/">Firebug - Ajax/Web development tool</a></li>
          <li><a class="external" href="http://blog.monstuff.com/archives/000252.html">AJAX Debugging Tool</a></li>
          <li><a class="external" href="http://www.osflash.org/doku.php?id=flashjs">Flash/AJAX Integration Kit</a></li>
          <li><a class="external" href="http://xkr.us/code/javascript/XHConn/">A Simple XMLHTTP Interface Library</a></li>
        </ul>
        <p><span class="alllinks"><a href="/en-US/docs/AJAX:Tools" title="en-US/docs/AJAX:Tools">Ver todos...</a></span></p>
        <h2 id="Examples" name="Examples">Exemplos</h2>
        <ul>
          <li><a class="external" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">AJAX poller script</a></li>
          <li><a class="external" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax Chat Tutorial</a></li>
          <li><a class="external" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker with AJAX</a></li>
          <li><a class="external" href="http://www.jamesdam.com/ajax_login/login.html#login">AJAX Login System using XMLHttpRequest</a></li>
          <li><a class="external" href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create your own Ajax effects</a></li>
          <li><a class="external" href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">AJAX: Creating Huge Bookmarklets</a></li>
          <li><a class="external" href="http://www.hotajax.org">AJAX: Hot!Ajax There are many cool examples</a></li>
        </ul>
        <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Tópicos relacionados</h2>
        <p><a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DOM" title="en-US/docs/DOM">DOM</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>, <a href="/en-US/docs/nsIXMLHttpRequest" title="en-US/docs/XMLHttpRequest">XMLHttpRequest</a>, <a href="/en-US/docs/XSLT" title="en-US/docs/XSLT">XSLT</a>, <a href="/en-US/docs/DHTML" title="en-US/docs/DHTML">DHTML</a>, <a href="/en-US/docs/HTML/Canvas" title="en-US/docs/HTML/Canvas">Canvas</a></p>
      </td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Reverter para esta revisão