Estudando Ajax com JQuery, no livro do Mauricio Samy Silva não está funcionando comigo. Fiz um arquivo js fora e agora eu não consigo carregá-lo. O que fiz acho não está errado. Debuguei o browser com F12 e não vejo nenhum erro de js. Coloquei vários alerts e não disparou nenhum. Abaixo me js e na sequencia meu html. Usei o próprio template do VS2013.
function iniciaAjax() {
var objAjax = false;
if (window.XMLHttpRequest) {
objAjax = new XMLHttpRequest();
}
else if(window.ActiveXObject){
try
{
objAjax = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
objAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (ex)
{
objAjax = false;
}
}
}
}
function requisitar(arquivo){
var requisicaoAjax = iniciaAjax();
if (requisicaoAjax) {
alert(1);
requisicaoAjax.onreadystateshange = function () {
alert(2);
mostraResposta(requisicaoAjax);
alert(3);
requisicaoAjax.open("GET", arquivo, true);
requisicaoAjax.send(null);
alert(4);
}
}
}
function mostraResposta(requisicaoAjax) {
alert(11);
if (requisicaoAjax.readyState == 4) {
alert(21);
if (requisicaoAjax.status == 200 || requisicaoAjax.status == 304) {
alert("Problema com o servidor");
}
else
{
alert("Problema com o servidor");
}
}
}
Eveja como está meu Html. O arquivo acima(js) coloquei dentro de um arquivo chamado libAjax
, conforme está no meu html.
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Teste_Javascript._Default" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<script src="Scripts/Ajax/libAjax.js"></script>
<div class="jumbotron">
<h1>ASP.NET</h1>
<p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS, and JavaScript.</p>
<p><a href="http://www.asp.net" class="btn btn-primary btn-lg">Learn more »</a></p>
</div>
<a href="Content/mensagem.txt" onclick="requisitar(this.href); return false;">Resultado aqui</a>
<div class="row">
<div class="col-md-4">
<h2>Getting started</h2>
<p>
ASP.NET Web Forms lets you build dynamic websites using a familiar drag-and-drop, event-driven model.
A design surface and hundreds of controls and components let you rapidly build sophisticated, powerful UI-driven sites with data access.
</p>
<p>
<a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301948">Learn more »</a>
</p>
</div>
<div class="col-md-4">
<h2>Get more libraries</h2>
<p>
NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.
</p>
<p>
<a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301949">Learn more »</a>
</p>
</div>
<div class="col-md-4">
<h2>Web Hosting</h2>
<p>
You can easily find a web hosting company that offers the right mix of features and price for your applications.
</p>
<p>
<a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301950">Learn more »</a>
</p>
</div>
</div>
</asp:Content>