【发布时间】：2013-09-11 13:42:51
【问题描述】：
这是我的代码..
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
</head>
<body>
<form id="foo">
<label for="bar">A bar</label>
<input id="bar" name="bar" type="text" value="" />
<input type="submit" value="Send" />
</form>
<div id ="onsuccess"></div>
</body>
</html>
Javsacript:
<script>
// variable to hold request
var request;
// bind to the submit event of our form
$("#foo").submit(function(event){
$("#onsuccess").html('<img src="a.gif"/>');
var $form = $(this);
var serializedData = $form.serialize();
request = $.ajax({
url: "a.txt",
type: "post",
timeout:30000,
dataType: "text",
data: serializedData,
});
// callback handler that will be called on success
request.done(function (response, textStatus, jqXHR){
// log a message to the console
console.log("Hooray, it worked!");
$("#onsuccess").html(response);
});
// callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
// log the error to the console
console.error(
"The following error occured: " +
textStatus, errorThrown
);
});
// callback handler that will be called regardless
// if the request failed or succeeded
request.always(function () {
// reenable the inputs
// $inputs.prop("disabled", false);
});
// prevent default posting of form
event.preventDefault();
});
/*
$("#loading").ajaxStart(function(){
$(this).show();
}).ajaxStop(function(){
$(this).hide();
});
*/
$(document).ready(function(){
$(window).scroll(function(){
/*console.log("you are scrolling the page");
console.log("window scroll top ="+ $(window).scrollTop() );
console.log ("window height =" + $(window).height());
console.log("document height =" + $(document).height());
*/
if ($(window).scrollTop() == $(document).height()-$(window).height())
{
$("#onsuccess").append("<p>i was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page endi was called because you are about to reach the page end i was called because you are about to reach the page end</p>");
}
});
});
</script>
在这里，我试图通过随机文本动态附加页面....只是研究 Ajax 的功能..我在 mozilla 上检查过，它工作...但不是在 chrome 上。任何想法..谢谢
在 chrome 中，我可以看到微调器，txt 文件的内容没有加载...而在 firefox..txt 文件的内容加载并且滚动功能也有效...（（没有在 chrome 中滚动的问题，因为文档是空的，我不能向下滚动））请告诉我我应该给你什么更多的输入..firebug 中没有错误 -
【问题讨论】：
-
我猜在 chrome 中控制台日志没有触发...如果您将其更改为输入按钮类型而不是提交会发生什么情况，因此 event.prevent 默认节食触发。好奇 preent 默认是否会阻止承诺的事件触发。另外，在调试中你能看到 Ajax 调用是否正在发生。
标签： javascript google-chrome jquery mozilla