个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
在我的 index.html 中，我有一个 button，我以前用它来提交数据，然后将其发送到我的数据库。但是，我最近更改了布局以包含依赖于 CSS 的选项卡。
现在，同一个 button 只会刷新页面，不会对数据做任何事情。我试过更改 button 类型、form、添加 evt.preventDefault() 等，但都无济于事。
这是我的 index.html 的 form，为了方便起见，我减少了一些重复的选项卡。
<!DOCTYPE html>
<html ng-app>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.1.0/css/font-awesome.min.css" />
<script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<% include header %>
<% include navbar %>
<p>
extra space
<body>
<!-- tabs -->
<div class="pcss3t pcss3t-effect-scale pcss3t-theme-1">
<input type="radio" name="pcss3t" checked id="tab1"class="tab-content-first">
<label for="tab1"><i class="icon-calendar"></i>Client</label>
<!-- tab contents -->
<li class="tab-content tab-content-3 typography">
<!-- /container -->
<script type="text/javascript">
$(document).ready(function() {
$('#home').addClass("active");
});
</script>
<h1>Clients</h1>
<div class="container">
<div ng-controller="ClientCtrl">
<span>{{remaining()}} of {{clients.length}} remaining</span> [ <a
href="" ng-click="archive()">archive</a> ]
<ul class="unstyled">
<li ng-repeat="client in clients"><input type="checkbox"
ng-model="client.done"> <span class="done-{{client.done}}">{{client.text}}
</span>
</li>
</ul>
<form ng-submit="addClient()">
<div class="col-lg-6">
<div class="input-group input-group-lg">
<input class="form-control" type="text" ng-model="clientText"
size="30" placeholder="add new client here"> <spanclass="input-group-btn">
<button class="btn btn-primary btn-lg" type="button">Add</button>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
这是我的 Controller 表单:
function ClientCtrl($scope, $http) {
$scope.clients = [];
$http.get('/client').success(function(data, status, headers, config) {
$scope.clients = data;
if (data == "") {
$scope.clients = [];
}
}).error(function(data, status, headers, config) {
console.log("Ops: could not get any data");
});
}
}
$scope.addClient = function() {
$http.post('/client', {
text : $scope.clientText,
done : false,
}).success(function(data, status, headers, config) {
$scope.clients.push({
text : $scope.clientText,
done : false
});
$scope.clientText = '';
}).error(function(data, status, headers, config) {
console.log("Ops: " + data);
});
};
$scope.remaining = function() {
var count = 0;
angular.forEach($scope.clients, function(client) {
count += client.done ? 0 : 1;
});
return count;
};
$scope.archive = function() {
var oldClients = $scope.clients;
$scope.clients = [];
angular.forEach(oldClients, function(client) {
if (!client.done)
$scope.clients.push(client);
});
};
}
单击按钮时在命令提示符中收到的消息结果为:
GET / 304 2ms
GET /stylesheets/style.css 304 1ms
GET /js/todo.js 404 0ms
GET /js/todo.js 404 0ms
最佳答案
表单提交处理程序(ng-submit 或 onsubmit)旨在将数据提交到表单的 action 属性中提供的路径.没有属性则数据提交到当前地址，页面会刷新。
为避免默认行为，您从 ng-submit 调用的方法必须返回 false。这将防止发生重定向，并允许您的范围更改得以保留。
$scope.addClient = function() {
$http.post('/client', {
text : $scope.clientText,
done : false,
}).success(function(data, status, headers, config) {
$scope.clients.push({
text : $scope.clientText,
done : false
});
$scope.clientText = '';
}).error(function(data, status, headers, config) {
console.log("Ops: " + data);
});
return false;
};
注意根据您的描述，由于在/client 端点上调用 GET 刷新页面后数据未更新，因此您的持久性或数据检索可能存在问题。您的实现应使用 post() 调用存储数据，然后在页面重新加载时使用 get() 调用检索数据。
关于javascript - HTML 按钮刷新页面而不是将数据发送到数据库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37149643/
25
4
0
我们知道，当使用 hibernate 对数据库进行批量更新时(即使在 HQL 中)，所做的更改不会复制到存储在当前 session 中的实体。 所以我可以调用 session.refresh 来加载对
我正在做一个项目，所有的东西都保存在事件中，所以服务器需要一些时间来响应新数据。我正在使用 Fluent 等待使用 ajax 的页面，但是这个不使用任何 ajax。所以我想刷新页面检查是否有新项目，如
我有一个从 Vector 创建的 JTable。 如何刷新 JTable 以显示添加到 Vector 的新数据？ 最佳答案 当 TableModel 发生更改时，您的 JTable 应该会自动更新。我
有没有办法使用下面的代码来刷新已经存在的 div id，而不是刷新时间？ window.onload = startInterval; function startInterval() {
我更新了在 Shiny Server 上运行的 Shiny 应用程序使用的 DataSet.RData。但是， Shiny 的应用程序仍在旧数据上运行。我已通过浏览器历史记录清除并重新启动浏览器几次，
我的应用程序中有一个无限滚动的网格面板(ExtJs 4.2.1)，类似于 this example .用户可以单击刷新按钮，然后必须使用数据库中的数据更新网格的行。我在刷新按钮处理程序中调用 stor
我不知道这三种方法中哪一种最适合我。他们都为我工作。有谁知道刷新、更新和重画之间的区别吗？ 最佳答案 根据在线文档: Refresh - 重新绘制屏幕上的控件。 Call Refresh method
有什么办法吗 ICollectionView.Refresh() 或者 CollectionViewSource.GetDefaultView(args.NewValue).Refresh(); 在
这个问题已经有答案了: Updating address bar with new URL without hash or reloading the page [duplicate] (4 个回答)
我有一个 javascript 设置超时以在 10 秒后关闭 div，并且我想在 div 关闭时添加页面刷新。我正在使用的代码如下。 var container_close_sec = "1
我有一组具有以下名称的页面.... update1.php update2.php update3.php update4.php update5.php update6.php update7.ph
如果是则触发js函数。我可以使一个复选框保持选中状态，并在页面刷新时检查值并选中“checked”，并提交以下内容... checked="checked" /> 你都不记得触发js函数。 这是我的
我正在尝试刷新 php 脚本以在数据库更新时显示更新的内容。我首先构建了我的 php，然后刷新代码，然后合并它们。但是，脚本不会更新。有谁知道为什么吗？ $(document).ready
当我要删除的节点扩展集合类型时，Grails中有一个错误阻止我使用removeFrom *。直接从关联中删除节点不会更新二级缓存。 A hasMany B 有什么方法可以使关联缓存手动无效或强制重新加
我正在使用 hibernate 和 mysql 来抽象一个数据库，以便在 java 驱动的网站中使用。我使用 hibernate 很好地解决了所有查询，但似乎无法弄清楚如何使用它进行更新、插入和删除，
如何通过调用 oncreateview 方法重新创建 fragment ？我有一个 fragment ，用于通过表单插入新数据，单击按钮后，我想通过删除在 EditText 中输入的数据来重新创建 f
当我从一个到另一个时，我试图刷新我的观点。我知道我应该将刷新代码放在 viewWillAppear 中，但我不知道该放什么代码。 你们能帮帮我吗？ 谢谢! 最佳答案 在您看来，请调用 setNeeds
我正在开发 iPhone 应用程序并希望使用: CFStreamCreatePairWithSocketToHost(NULL, url, port, &serverReadStream, &serv
看到我已经创建了一个用于登录用户的脚本。而且我还添加了设置选项卡，以便用户可以编辑他们的设置!但是当我尝试它时，mysql 表中的数据发生了变化，但配置文件中显示的用户名和用户电子邮件保持不变!当我注
好的。这就是它的样子。 当我启动应用程序时，我从服务器收到的第一件事是数据: {name: "test", type: "checkbox" checked: true, } 这使得其中一个复选框
我是一名优秀的程序员,十分优秀！