栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Angularjs-表单发布数据未发布?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Angularjs-表单发布数据未发布?

经过大量研究后,我发现这有点像php特有的问题..我在这两篇文章中找到了Answersa。

此处:http :
//sebgoo.blogspot.ca/2013/05/angularjs-post-data-to-
php.html

我最终的PHP代码如下所示。

        $file = 'form2.txt';        $postdata = file_get_contents("php://input");        $data = json_depre($postdata, true);        $data_insert = "Name: " . $data['firstname'] .     ", Email: " . $data['emailaddress'] .      ", Description: " . $data['textareacontent'] .      ", Gender: " . $data['gender'] .      ", Is a member: " . $data['member'];        //print $data_insert;        file_put_contents($file, $data_insert, FILE_APPEND | LOCK_EX);

我还要感谢Mike Brant,其引用的堆栈帖子中的解决方案非常有帮助。.我也投票赞成他的回答。

我的有角度的应用程序代码看起来像这样…由于arturgrzesiak,它与原始代码相比有了很大的改进。

var app = angular.module('myApp', []);app.controller('FormCtrl', function ($scope, $http) {var formData = {    firstname: "default",    emailaddress: "default",    textareacontent: "default",    gender: "default",    member: false};$scope.submitForm = function() {    $http({        url: "form2.php",        data: $scope.form,        method: 'POST',        headers : {'Content-Type':'application/x-www-form-urlenpred; charset=UTF-8'}    }).success(function(data){        console.log("OK", data)    }).error(function(err){"ERR", console.log(err)})};});

最后,用于提交此表单的HTML表单如下所示:

<div ng-app="myApp">    <form ng-controller="FormCtrl" ng-submit="submitForm()">        First name:    <br/><input type="text" ng-model="form.firstname">    <br/><br/>        Email Address: <br/><input type="text" ng-model="form.emailaddress"> <br/><br/>        Description:<br/> <textarea rows="3" cols="25" ng-model="form.textareacontent"></textarea> <br/>        <input type="radio" ng-model="form.gender" value="female" />Female ...        <input type="radio" ng-model="form.gender" value="male" />Male <br/> <br/>        <input type="checkbox" ng-model="form.member" />Already a member <br/>        <input type="submit" ngClick="Submit" >    </form></div>

感谢所有提供帮助的人!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/595007.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号