Jump to content
Fórum Script Brasil
  • 0

Ajax + PHP


Kingtiger

Question

Pessoal estou tentando acessar uma pagina php via ajax porem está dando o erro de acesso negado, pesquisando vi algumas informações dizendo que esse erro acontece quando se esta acessando um dominio diferente da pagina principal, porém está tudo dentro da mesma pasta.

esse é minha chamada:

var url = "getDetails.php?ImageID=" + escape(itemName);

Acontece que quando a pagina é chamada ele coloca file:///... /getDetails.php

Como posso fazer essa chamada pra não da o erro?

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

é porque você está executando local... se fosse em um servidor web não teria esse problema...

mas de qualquer forma tente assim...

var url = "./getDetails.php?ImageID=" + escape(itemName);
para descer pastas e subpastas, exemplo, getDetails.php está em uma pasta chamada bla então seria
var url = "../bla/getDetails.php?ImageID=" + escape(itemName);

abrs

Link to comment
Share on other sites

  • 0

Churc, obrigado pela resposta.

O acesso local realmente é o problema, tentei fazer como você disse porem obtive o mesmo erro.

Irei postar meu código:

window.onload = initPage;

function initPage()
{
    //Localiza as miniaturas da página
    thumbs = document.getElementById("thumbnailPane").getElementsByTagName("img");
    
    //Define a sub-rotina para cada imagem
    for(var i = 0; i < thumbs.length; i++ )
    {
        image = thumbs[i];
     
        //Cria a função onclick
        image.onclick = function()
        {
            //Localiza o nome da imagem com tamanho real
            detailURL = 'images/' + this.title + '-detail.jpg';
            
            document.getElementById("itemDetail").src = detailURL;
            
            //Define a sub-Rotina para cada imagem        
            getDetails(this.title);
            
        }
    }
}
    
function getDetails(itemName)
{
    request = createRequest();
    
    if (request == null)
    {
        alert("Erro");
        return;
    }
    
    var url = "./getDetails.php?ImageID=" + escape(itemName);
            
    request.open("GET",url,true);
    request.onreadystatechange = displayDetails;
    request.send(null);
}

function createRequest()
{
    try
    {
        request = new XMLHttpRequest();
    }
    catch (tryMS)
    {
        try
        {
            request = new ActiveXObject("Msxm12.XMLHHTP");
        }
        catch (otherMS)
        {
            try
            {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(failed)
            {
                request = null;
            }
        }
    }
    return request;
}
    
function displayDetails()
{
    if (request.readyState == 4 )
    {
        if (request.status == 200)
        {
            detailDiv = document.getElementbyId("description");
            detailDiv.innerHTML = request.responseText;
        }
    }

    
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Rob's Rock 'n' Roll Memorabilia</title>
    <link rel="stylesheet" href="css/default.css" />

    &lt;script src="thumbnails.js" type="text/javascript"></script>


</head>
<body>
    <div id="wrapper">
        <img src="images/logotypeLeft.png" alt="Rob's Rock 'n' Roll Memorabilia" width="394"
            height="91" id="logotypeLeft" />
        <img src="images/logotypeRight.png" alt="Rob's Rock 'n' Roll Memorabilia" width="415"
            height="92" id="logotypeRight" />
        <div id="introPane">
            <p>
                <span id="result_box"><span onmouseover="this.style.backgroundColor='#ebeff9'" title="Are you looking for the perfect gift for the rock fan in your life?"
                    onmouseout="this.style.backgroundColor='#fff'">Você está procurando
                    o presente perfeito para um fã de rock na sua vida? </span><span onmouseover="this.style.backgroundColor='#ebeff9'"
                        title="Maybe you want a guitar with some history behind it, or a conversation piece for your next big shindig."
                        onmouseout="this.style.backgroundColor='#fff'">Talvez você queira uma guitarra
                        com alguma história por trás dela, ou uma parte de conversa para o
                        seu próximo grande baile. </span><span onmouseover="this.style.backgroundColor='#ebeff9'"
                            title="Look no further!" onmouseout="this.style.backgroundColor='#fff'">Não
                            procure mais! </span><span onmouseover="this.style.backgroundColor='#ebeff9'" title="Here you'll find all sorts of great memorabilia from the golden age of rock and roll."
                                onmouseout="this.style.backgroundColor='#fff'">Aqui você vai encontrar todos
                                os tipos de memorabilia a partir da idade de ouro do rock and roll!<br />
                                <br />
                            </span><span onmouseover="this.style.backgroundColor='#ebeff9'" title="Click on an image to the left for more details"
                                onmouseout="this.style.backgroundColor='#fff'">Clique na imagem à esquerda
                                para obter mais detalhes</span></span>!</p>
        </div>
        <div id="thumbnailPane">
            <img src="images/itemGuitar.jpg" width="301" height="105" alt="guitar" title="itemGuitar"
                id="itemGuitar" />
            <img src="images/itemShades.jpg" alt="sunglasses" width="301" height="88" title="itemShades"
                id="itemShades" />
            <img src="images/itemCowbell.jpg" alt="cowbell" width="301" height="126" title="itemCowbell"
                id="itemCowbell" />
            <img src="images/itemHat.jpg" alt="hat" width="300" height="152" title="itemHat"
                id="itemHat" />
        </div>
        <div id="detailsPane" style="left: 338px; top: 347px">
            <img src="images/blank-detail.jpg" width="346" height="154" id="itemDetail" />
        </div>
    </div>
</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...