Ajax, JSON Jquery - visualizar
É possivel visualizar o comportamento do Ajax, JSON e JQuery somente com o Notepad ++, tentei e não consegui, na video aula mostra somente com o Eclipse com o servidor tomcat, mas não conheço bem essa ferramenta.
Marcio Araujo
Curtidas 0
Respostas
William
24/05/2015
Márcio não entendi muito bem sua dúvida, usar o notepad ++ para acompanhar as requisições?
No meu dia a dia trabalho bastante com AJAX e para capturar retornos ou para debugar utilizo a ferramenta que o próprio navegador oferece.
- "Inspecionar elemento" ou a tecla F12, isso no Chrome
- Aba Source
No meu dia a dia trabalho bastante com AJAX e para capturar retornos ou para debugar utilizo a ferramenta que o próprio navegador oferece.
- "Inspecionar elemento" ou a tecla F12, isso no Chrome
- Aba Source
GOSTEI 0
Marcio Araujo
24/05/2015
Olha o código, não funciona somente com o navegador.
[code]
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI - DevMedia</title>
<script type="text/javascript" src="jquery-ui-1.11.2.custom/external/jquery/jquery.js"></script>
<script type="text/javascript" src="jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function () {
$('input').click(function() {
$.ajax({
type: "GET",
url: "exemplo1.txt",
dataType: "text",
success: function (res) {
alert(res);
}
});
});
});
</script>
</head>
<body>
<div class="container">
<h1>Exemplo Ajax</h1>
<form role="form">
<input type="button" value="Enviar"/>
</form>
</div>
</body>
</html>
[code]
[code]
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI - DevMedia</title>
<script type="text/javascript" src="jquery-ui-1.11.2.custom/external/jquery/jquery.js"></script>
<script type="text/javascript" src="jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function () {
$('input').click(function() {
$.ajax({
type: "GET",
url: "exemplo1.txt",
dataType: "text",
success: function (res) {
alert(res);
}
});
});
});
</script>
</head>
<body>
<div class="container">
<h1>Exemplo Ajax</h1>
<form role="form">
<input type="button" value="Enviar"/>
</form>
</div>
</body>
</html>
[code]
GOSTEI 0
William
24/05/2015
Márcio executei seu exemplo e no console do navegador já retornou o motivo do erro:
[img]http://arquivo.devmedia.com.br/forum/imagem/269142-20150524-212445.jpg[/img]
Poderia até copiar e colocar o motivo do erro, mas nesse link explica http://stackoverflow.com/questions/24491703/received-an-invalid-response-origin-null-is-therefore-not-allowed-access
Dica, quando estiver trabalhando com JavaScript fique de olho no console ele aponta vários erros que ficam escondidos.
[img]http://arquivo.devmedia.com.br/forum/imagem/269142-20150524-212445.jpg[/img]
Poderia até copiar e colocar o motivo do erro, mas nesse link explica http://stackoverflow.com/questions/24491703/received-an-invalid-response-origin-null-is-therefore-not-allowed-access
Dica, quando estiver trabalhando com JavaScript fique de olho no console ele aponta vários erros que ficam escondidos.
GOSTEI 0
Marcio Araujo
24/05/2015
Está bem William, não tenho costume de ver pela ferramenta, obrigado.
GOSTEI 0