angularJs提交文本框数据到后台的方法


Posted in Javascript onOctober 08, 2018

如下所示:

ng-model="name" //填写的数据提交到index.php

index.html

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
//form表单提交
 <form action="index.php" method="post">
  <input type="text" name="title" ng-model="name">
  {{name}}
  <input type="submit">
 </form>
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
  $scope.name = '泠泠在路上';
 }]);
</script>
</body>
</html>

index.php

<?php
print_r($_POST);

以上这篇angularJs提交文本框数据到后台的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS的数组的扩展实例代码
Jul 09 Javascript
Google Map API更新实现用户自定义标注坐标
Jul 29 Javascript
jquery ready()的几种实现方法小结
Jun 18 Javascript
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
详解基于原生JS验证表单组件xy-form
Aug 20 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
Sep 28 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
Oct 08 #Javascript
在angularJs中进行数据遍历的2种方法
Oct 08 #Javascript
webpack之引入图片的实现及问题
Oct 08 #Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 #Javascript
JS中验证整数和小数的正则表达式
Oct 08 #Javascript
webpack@v4升级踩坑(小结)
Oct 08 #Javascript
npm scripts 使用指南详解
Oct 08 #Javascript
You might like
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
详解PHP 7.4 中数组延展操作符语法知识点
2019/07/19 PHP
浅说js变量
2011/05/25 Javascript
js实现快速分享功能(你的文章分享工具)
2013/06/25 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
如何理解jQuery中的ajaxSubmit方法
2017/03/13 Javascript
js轮播图无缝滚动效果
2017/06/17 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
使用FileReader API创建Vue文件阅读器组件
2018/04/03 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
微信小程序实现页面分享onShareAppMessage
2019/08/12 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
详解Python3中ceil()函数用法
2019/02/19 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
市场营销专业毕业生自荐信
2013/11/02 职场文书
会计应届生的自荐信
2013/12/13 职场文书
庆元旦广播稿
2014/02/10 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
基层党员对照检查材料
2014/09/24 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
小学班级标语口号大全
2015/12/26 职场文书
如何做好工作总结!
2019/04/10 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python