使用AngularJS和php将数据从表单保存到数据库
Saving Data from form to database using AngularJS and php
我对angular很陌生
我创建了一个模式窗口来用户分享故事,然后在正文中显示:
html
<button class="btn btn-primary new-story" ng-click="showPopup()">New Story</button>
<div class="wroteStory img-rounded" ng-repeat="story in sentCompose">
<h1 class="s-label"><i><label for="subject">Subject :</label></i></h1>
<h5>{{story.subject}}</h5>
<h1 class="s-label"><i><label for="body">Full Story :</label></i></h1>
<h6>{{story.body}}</h6>
<button class="btn btn-danger" ng-click="remove($index)"> Delete </button>
<hr/>
</div>
js
app.controller('aboutController', function($scope,ngProgress) {
$scope.popupVisible = false;
$scope.showPopup = function(){
$scope.popupVisible = true;
$scope.composeStory = {};
}
$scope.closePopup = function(){
$scope.popupVisible = false;
}
$scope.composeStory = {};
$scope.sentCompose = [];
$scope.sendStory = function() {
$scope.sentCompose.push($scope.composeStory);
$scope.popupVisible = false;
$http.post("insert.php", data).success(function(data, status, headers, config){
});
};
我想将此表单中的数据保存到数据库中吗?Thx提前
首先,您应该能够在mysql中创建一个数据库并为此创建一个表
然后您应该能够将它们与php连接起来,如下所示:
$host = "localhost";
$user = "angular";
$pass = "angular";
$database = "angular";
$con = mysql_connect($host,$user,$pass);
if (!$con) {
die('Could not connect: ' . mysql_error());
}
echo 'Connected successfully';
mysql_select_db($database,$con);
由于您提供的信息有限,我将尽力帮助您。当你提出问题时,请展示你得到了什么输出,你的调试说明了什么。这将有助于其他人理解你的问题,并为你提出一些解决方案。以下是我的建议
1) 我看不到您的$http.post("insert.php", **data**)
数据变量的范围,请确保您在其中序列化了数据。
2) 检查firebug是否发送了您的请求。如果你能看到请求,那么看看你得到的是什么响应
3) 由于成功处理程序总是为任何Ajax调用提供一个错误处理程序,因此这是一种最佳做法,可以节省调试的大量时间
我的建议是基于这样一种假设,即您的insert.php
经过了正确插入数据的测试。如果没有,你必须遵循John Conde告诉的
相关文章:
- 我未保存的更改指令需要适用于具有不同名称的所有表单
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 将表单输入保存到txt,弹出结果,不更改页面
- 使用记录保存的消息进行表单验证
- 如何停止javascript的执行并允许用户保存表单
- 缺少用于创建的模板.内部服务器错误-聚合物表单保存到数据库
- Chrome扩展表单保存错误
- 如何将动态表单保存到数据库/编辑回表单
- 将图像从表单保存到本地存储并存储/加载它
- CRM 2015 Javascript,防止记录表单保存并关闭
- jQuery 模态表单保存到 JavaScript 数组
- HTML 表单保存临时数据
- 从表单保存和加载数据而不提交
- 使用 jquery/javascript 将数据从 html 表单保存到文本文件
- 使用AngularJS和php将数据从表单保存到数据库
- 将表单保存为json
- 检测主干模型更改以启用表单保存按钮并更新模型
- 将多个表单保存到localStorage
- 将用户输入从web表单保存到文本文件(在云上:URL)并读取相同的内容
- 将表单保存为JSON