Karuta’s ASP & M$ SQLserver

Dicas, códigos e outras coisinhas de meus estudos para não esquecer…

Archive for the ‘javascript’ Category

LOCALSTORAGE X JSON = quem é quem

Posted by karuta em outubro 2, 2014

 

  • localStorage.setItem(nome, valor): esta função é utilizada para armazenar um valor no local storage. Cada objeto gravado é referenciado por uma chave (nome).
  • localStorage.getItem(nome): por sua vez, o getItem é usado para recuperar um valor armazenado a partir da sua chave identificadora.
  • JSON.stringfy(objeto): para armazenar os dados, utilizaremos o formato JSON e esta função transforma um objeto em string com sintaxe adequado ao JSON.
  • JSON.parse(objeto): já a função parse transforma um item no formato JSON no seu formato original.

Leia mais em: Trabalhando com HTML5 Local Storage e JSON http://www.devmedia.com.br/trabalhando-com-html5-local-storage-e-json/29045#ixzz3EwmNuAOD

 

Anúncios

Posted in javascript | Leave a Comment »

Requisições AJAX síncronas e assíncronas em jQuery

Posted by karuta em setembro 30, 2014

28/07/2010 –  escrito por: 

Depois de desenvolvermos uma boa quantidade de telas utilizando o jQuery,  desta vez desvendarei um dos mistérios da função Ajax do jQuery:  como fazer e em que casos utilizar as requisições síncronas. Primeiramente, vou descrever um cenário em que o conceito de assíncrono/síncrono esteja bem definido.

Por padrão, o método jQuery.Ajax vem com o parâmetro async setado como true. Isso significa que as requisições assíncronas estão habilitadas. Ás vezes, é necessário que “enlacemos” as requisições Ajax, ou seja, realizar uma requisição Ajax somente quando a anterior termine, e aí sim, realize a próxima. Suponha que uma requisição (1)  realize a chamada de uma páginaindex.html, e, nesta página, exista o seguinte elemento:

1
<input id="campo" name="campo" value="Valor do Campo" />

Nesta mesma requisição, no seu parâmetro success, há uma nova requisição (2), que foi definida, em seu  parâmetro success, um alert do valor do campo “campo” da requisição anterior.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
jQuery.ajax({ /*Requisição 1*/
  url: 'index.html',
  async: false,
  success: function(data) {
    jQuery('.destino').html(data);
    jQuery.ajax({ /*Requisição 2*/
      url: 'index2.html',
      async: false,
      success: function() {
         alert(jQuery("#campo").val());
     }
 }
});

A necessidade de a requisição 1 ser síncrona se explica da seguinte forma:  Se a requisição 1 fosse assíncrona, quando a requisição 2 fizesse chamada ao input “campo” para executar o alert, (linha 11),  devido à velocidade da conexão e outros fatores, o elemento “campo” não existiria no HTML e o alert mostraria o famoso “undefined”.

Já na requisição síncrona, como mostrei no exemplo,  o alert da requisição 2 só executará quando a requisição 1 estiver completa, retornando o valor (value) “Valor do Campo” no alert.

Abaixo, uma representação gráfica da linha do tempo do nosso exemplo:

Comparativo: Requisição Síncrona x Assíncrona

Repare que na requisição síncrona, a requisição 1 é executada por completo, e a requisição 2 só é executada quando a primeira termina, fazendo com que os elementos necessários para a correta execução do código estejam presentes no formulário. Na requisição assíncrona, as requisições são executadas quase que simultaneamente, e corre-se o risco de que nem todos os elementos necessários para execução do código estejam presentes no formulário.

Espero ter ajudado!

Posted in javascript | Leave a Comment »

Acentuação para conteúdos carregados por AJAX

Posted by karuta em outubro 1, 2012

  • Em ColdFusion:
<cfcontent type="text/html; charset=ISO-8859-1">
  • Em ASP:
<% Response.Charset="ISO-8859-1" %>
  • Em PHP:
<?php header("Content-Type: text/html;  charset=ISO-8859-1",true); ?>
  • Em JSP:
<%@ page contentType="text/html; charset=ISO-8859-1" %>

Posted in javascript, Jquery | Leave a Comment »

JS para confirmar um HREF

Posted by karuta em setembro 30, 2012

Use a javascript confirm box to ask the user if they want to delete

<script>
function confirmDelete(delUrl) {
if (confirm(“Are you sure you want to delete”)) {
document.location = delUrl;
}
}
</script>

<a href=“javascript:confirmDelete(‘delete.page?id=1’)”>Delete</a>

Another way

<a href=“delete.page?id=1” onclick=“return confirm(‘Are you sure you want to delete?’)”>Delete</a>

Posted in javascript | Leave a Comment »

como faço para dar nome a uma janela?

Posted by karuta em junho 11, 2008

<script language=”javascript”>
<!–
window.name=”nome_da_página“;
//–>
</script>

Posted in javascript | Leave a Comment »