3

现在有很多次我一直在尝试通过 Ajax 将表单数据发送到我的服务器脚本而不刷新页面（使用表单的 onSubmit 事件）。这一切都适用于所有浏览器（Chrome、IE 等），但对于 Firefox，处理仍在继续。我的意思是，即使数据已经发送到服务器端（是的，很多时候，我已经在服务器端获取了数据，但客户端仍在处理中），客户端不会响应连续调用.

例如，考虑我的示例代码之一：

这是Javascript

function submitComment(id)
{
 //id is the id of the postbox
 var content=$("#"+id).val();
 var xmlhttp;
 if(window.XMLHttpRequest)
  xmlhttp=new XMLHttpRequest();
 else
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

 xmlhttp.onreadystatechange=function()
 {
  if(xmlhttp.readyState==4 && xmlhttp.status==200)
  {
   //action taken in response to the script from server in response to this form submission, eg, enabling back the submit button
   $('input[type="submit"]').removeAttr('disabled');
  }
 }

 $('input[type="submit"]').attr('disabled','disabled');
 xmlhttp.open("POST",host+"comment.php?mode=newpost",true);
 xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 xmlhttp.send("post="+content);
 $('#status').html('Posting your comment. Please wait...');//shows this status as long as gets no response from server
 return false;
}

这是它的 HTML：

<form id='newpostform' method=post action='' onSubmit="return submitComment('post')" >
 <textarea id='post' name='post'></textarea>
 <input type=submit value=Post>
 <span id='status' style='padding:10px; font-size:12px; color:black; font-family:cambria, segoe ui;'>
 </span>
</form>

因此，在除 Firefox 之外的所有浏览器中，提交按钮被禁用一段时间，直到脚本将帖子传送到服务器并且当服务器响应时，提交按钮被激活并更新状态。

问题正是在 Firefox 中出现的。即使数据已经传送到服务器，状态栏也永远不会改变它的状态！

4

1 回答 1

1

对问题的评论的答案：

解决了我的问题。XMLHTTPRequest.status 在 FireFox 3.5 中返回 0 并且 responseText 为空白

这只是因为我使用的是绝对路径。使用相对路径解决了我的问题。

出色的！

至于你的附加问题：

但是，我仍然对我必须使用这样的相对路径这一事实感到困惑：驻留在索引目录本身的脚本文件的路径属性中的 index/index.php。为什么？我的意思是，简单地使用“index.php”应该可以解决问题，不是吗？

据我了解，您的 HTML位于http://example.org/test.html

<script src="subdir/main.js>

...解析为http://example.org/subdir/main.js，它调用 XMLHttpRequest：

xhr.open("POST", "index.php", true);

这请求http://example.org/index.php，而不是http://example.org/subdir/index.php

这是因为 XMLHttpRequest 中的相对 URL（在许多其他情况下）是针对文档的基本 URL而非脚本的 URL解析的。

如果根据脚本的 URL 解析相对 URL，结果可能会非常混乱：假设您有 jQuery at /lib/jquery.js，它调用 XMLHttpRequest 和您自己的代码/main.js调用 jQuery.ajax(... "data.txt" ...) 。这个请求应该/data.txt还是lib/data.txt？

于 2013-05-01T15:38:04.263 回答