什么会导致页面被取消?我有Chrome开发者工具的屏幕截图.

这经常发生但不是每次都发生.似乎一旦其他资源被缓存,页面刷新将加载LeftPane.aspx.真正奇怪的是,这只发生在谷歌浏览器,而不是Internet Explorer 8.任何想法为什么Chrome会取消请求?
debugging google-chrome http developer-tools web-developer-toolbar
我在Angular中有一个表单,里面有两个按钮标签.一个按钮提交表单ng-click.另一个按钮纯粹用于导航ng-click.但是,当单击第二个按钮时,AngularJS会导致页面刷新,触发404.我在函数中删除了一个断点,它正在触发我的函数.如果我执行以下任何操作,它将停止:
ng-click,该按钮不会导致页面刷新. <a>)href="",则不会导致刷新.后者似乎是最简单的解决方法,但为什么AngularJS甚至在我的函数之后运行任何代码导致页面重新加载?好像是一个bug.
这是表格:
<form class="form-horizontal" name="myProfile" ng-switch-when="profile">
<fieldset>
<div class="control-group">
<label class="control-label" for="passwordButton">Password</label>
<div class="controls">
<button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button>
</div>
</div>
<div class="buttonBar">
<button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button>
</div>
</fieldset>
</form>
Run Code Online (Sandbox Code Playgroud)
这是控制器方法:
$scope.showChangePassword = function() {
$scope.selectedLink = "changePassword";
};
Run Code Online (Sandbox Code Playgroud) $("a.avatar").click(function(e){
e.preventDefault();
$("#thumbnails").fadeIn();
});
Run Code Online (Sandbox Code Playgroud)
和
$("a.avatar").click(function(e){
$("#thumbnails").fadeIn();
return false;
});
Run Code Online (Sandbox Code Playgroud)
两者都可以为我实现同样的目标.
如果文档中有这个内容,我会事先道歉,但我似乎无法找到它.
我有一个非常简单的形式,使用几个按钮,因为我正在使用twitter bootstrap.问题是单击表单中的任何按钮似乎触发了一个有角度的提交事件:在我的表单中有几个输入字段,我在其中使用"require"属性,因此单击任何按钮会打开一个对话框,说明该字段是需要.这一切都很好,除了我只想在用户点击实际提交按钮时进行验证.
我已经尝试将ng-submit设置为一个函数,到目前为止只返回false,但这似乎没有任何影响.
更新:我发现了一个使用event.preventDefault()的指令的临时解决方法.然而,这似乎有点过分,也意味着我必须将它附加到每个按钮.
<div class="row-fluid">
<div class="span12">
<form ng-submit="onSubmit()" class="form-horizontal">
<div class="row-fluid">
<div class="span12">
<div class="katana-technician-form">
<div class="control-group">
<label class="control-label">Tekniker
<div class="controls">
<div class="input-append">
<input type="text" class="span2" />
<div class="btn-group">
<!-- Triggers onSubmit-->
<button data-toggle="dropdown" class="btn dropdown-toggle">Velg<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>Kake</li>
<li>Bake</li>
</ul>
</div>
</div>
</div>
</label>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<!-- Triggers onSubmit-->
<button type="submit"></button>
</div>
</div>
</div>
</form>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我已经浏览了整个网络,包括几个堆栈溢出示例,以解决问题.具体来说,我试过这个:
var disableButton = function() {
document.getElementById('<%= btnSubmit.ClientID %>').disabled = true;
}
$scope.isDisabled = false;
var someFunc = function() {
$scope.isDisabled = true;
}Run Code Online (Sandbox Code Playgroud)
<button OnClientClick="disableButton()" type="submit">Submit</button>
<button ng-disabled="isDisabled" type="submit">Submit</button>Run Code Online (Sandbox Code Playgroud)
两者都没有像宣传的那样工作.还有其他建议吗?请仅提供Angular建议.谢谢.
最近是否更改了HTML版本(例如从ie7到IE8?)我注意到以下更改导致我遇到麻烦 - 我有一个类似于此的代码:
<form method="POST" action="/admin/modify">
<input type="text"/>
<button onclick="dosomething()">Press</button>
</form>
<script type="text/javascript">
function doSomething(){
// doesn't matter what actually
}
</script>
Run Code Online (Sandbox Code Playgroud)
在这段代码中我对我的要求是,通过按下表单内的按钮,我想要的只是执行一些javascript操作,但事实上它也会导致表单被提交,即使我不愿意这样做.
那么 - 这是真的吗?如果是这样,我如何在from中执行一些java脚本actoin但是阻止表单自动提交?
我想在按下表单中的提交按钮时进行AJAX调用.InFact我不能删除,<form>因为我也想进行客户端验证.我试过这段代码.
<form name="search" >
Name: <input type="text" name="name1"/>
Age: <input type="text" name="age1"/>
<input type="submit" name="Submit" value="Submit" onclick="makeSearch()"/>
</form>
Run Code Online (Sandbox Code Playgroud)
JS
function makeSearch(){
alert("Code to make AJAX Call");
}
Run Code Online (Sandbox Code Playgroud)
使用此代码后alert()未显示但页面已重新加载.我想阻止页面重新加载并调用JS函数.
谢谢
我看到我的网站中的一些服务器调用(用于跟踪目的)在通过HttpFox查看时在Firefox中被中止.单击某个链接在同一窗口中加载另一个页面时会发生这种情况.弹出窗口工作正常.显示的错误类型是NS_BINDING_ABORTED.我需要知道跟踪调用是否正在命中服务器.它与Internet Explorer完美配合.这个工具有问题吗?在这种情况下,你可以建议任何可以在Firefox中使用的.
我有一个表格,ng-submit可以转到下一个问题.
<form ng-submit="BC.next()" novalidate>
<input type="submit" value="Next Question"/>
<button id="previous" ng-click="BC.previous()">Previous Question</button>
Run Code Online (Sandbox Code Playgroud)
但是,每当我点击上一个按钮,执行后,它就会触发BC.next()我很困惑,有谁知道为什么会这样?我甚至尝试<input type="submit">用a 关闭标签,</input>但没有解决它.
我正在学习JavaScript,并且无法在不提交表单的表单中创建一个按钮.这里有一个类似的问题,但指定的最流行的答案type="button"在我的情况下不起作用,其他答案涉及jQuery,我现在想省略.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function submit(){
alert("Yo")
}
</script>
</head>
<body>
<form name="myForm" onsubmit="submit()">
<input type="button" value="Submit!" onClick="submit()" />
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)