Ajax请求不应该在div中加载整个页面

Question

我正在尝试做一个非常简单的操作，用户单击一个链接，然后在其下方的某个位置出现一个带有文件上传输入的迷你表单。

但是，我的ajax代码不配合。 相反，它将加载整个当前页面（我认为）。 不久前我又遇到了这个问题，我设法解决了这个问题，但是对于我一生，我不记得自己是如何做到的。

现在，真正奇怪的是，当我在本地计算机上尝试运行时，它可以正常运行，但在实际的Web服务器上却无法运行。

码：

function ajaxRequest(targetUri, parameters, cbFunction){

if(window.XMLHttpRequest){
    request = new XMLHttpRequest();
  }else{
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }


  request.onreadystatechange = cbFunction;
  request.open("POST", targetUri, true);
  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  request.send(parameters);

   }

function addImage(){
  parameters = "action=ajaxRequest";
  ajaxRequest("http://www.mysite.com/gallery/addImage.php", parameters, function(){
    if((request.readyState == 4) && (request.status == 200)){
   document.getElementById("formContainer").innerHTML = request.responseText;
    }
  });

}

和我的PHP文件：

function addImage(){
  echo '
 <div class="mainBlockBody">
   <form action="index.php" method="post" enctype="multipart/form-data">
  <input type="hidden" name="galleryAction" value="addImage" />
  <input type="file" name="upFile" />
  <input type="submit" value="Submit" />
   </form>
 </div>
  ';
}

if($_POST['action'] == 'ajaxRequest'){
  addImage();
}

链接和占位符：

<a href="javascript:addImage()">Add Image</a>
<div id="formContainer"></div>

任何帮助深表感谢！

编辑：

我认为我已将问题缩小到...路径。 在此页面http://bit.ly/dXrGY6中 ，使用相对路径都可以正常工作。 用绝对路径（例如“ http：// www ...”或“ ../ test / .....”）替换它会使它再次出现故障。 我在网站的另一部分中使用绝对路径，并且工作正常： http : //bit.ly/fCmmjy 。 我不知道为什么它在这里不起作用...

我不知道怎么了。 有任何想法吗？

Answer 1

您确定您的php代码不再随地吐出html吗？ 尝试添加die

if($_POST['action'] == 'ajaxRequest'){
  addImage();
  die();
}