angularJs中$scope数据序列化的实例


Posted in Javascript onSeptember 30, 2018

如下所示:

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
 <script src="jquery.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">

 <form method="post" action="ng.php">
  标题: <input type="text" ng-model="field.title"><br/>
  点击数: <input type="text" ng-model="field.click"><br/>
  内容: <input type="text" ng-model="field.content"><br/>
  <!--将提交的数据获取放到textarea里面-->
  <textarea name="data"></textarea>
  <input type="submit">
 </form>
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
  $scope.field = {title: '泠泠', click: 100,content:'泠泠在路上'};
  $('form').submit(function () {
   $("[name='data']").val(angular.toJson($scope.field));
  });
 }]);
</script>
</body>
</html>

ng.php

<?php
//print_r($_POST);
$data = json_decode($_POST['data'],true);
var_dump($data);

以上这篇angularJs中$scope数据序列化的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
云网广告中的代码,提示出错,大家找找
Nov 21 Javascript
JavaScript中出现乱码的处理心得
Dec 24 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
理解 JavaScript EventEmitter
Mar 29 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
Oct 29 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
Apr 15 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
Sep 30 #Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 #Javascript
mpvue将vue项目转换为小程序
Sep 30 #Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 #Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 #Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 #Javascript
使用angularjs.foreach时return的问题解决
Sep 30 #Javascript
You might like
PHP+APACHE实现用户论证的方法
2006/10/09 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
js里怎么取select标签里的值并修改
2012/12/10 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
为jquery的ajaxfileupload增加附加参数的方法
2014/03/04 Javascript
javascript数组详解
2014/10/22 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
2015/09/14 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
Vue波纹按钮组件制作
2018/04/30 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
layui中select,radio设置不生效的解决方法
2019/09/05 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
python下10个简单实例代码
2017/11/15 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
pycharm安装和首次使用教程
2018/08/27 Python
python字典一键多值实例代码分享
2019/06/14 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
生物科学专业个人求职信范文
2013/12/05 职场文书
政治学求职信
2014/06/03 职场文书
运动会宣传口号
2014/06/09 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
如何写好竞聘报告
2019/04/03 职场文书
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript