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 相关文章推荐
jQuery 工具函数学习资料
Apr 29 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
jQuery.each使用详解
Jul 07 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
微信小程序实现授权登录
May 15 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
Layui事件监听的实现(表单和数据表格)
Oct 17 Javascript
Node.js操作MongoDB数据库实例分析
Jan 19 Javascript
微信小程序scroll-view点击项自动居中效果的实现
Mar 25 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
thinkphp 多表 事务详解
2013/06/17 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
php实现数字补零的方法总结
2018/09/12 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
window.open的功能全解析
2006/10/10 Javascript
SyntaxHighlighter代码加色使用方法
2008/09/07 Javascript
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
2012/11/08 Javascript
javascript之典型高阶函数应用介绍二
2013/01/10 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
2017/02/17 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
Python中字符串的处理技巧分享
2016/09/17 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
如何在python中执行另一个py文件
2020/04/30 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
你对IPv6了解程度
2016/02/09 面试题
软件设计的目标是什么
2016/12/04 面试题
幼儿园见习报告
2014/10/30 职场文书
申报材料格式
2014/12/30 职场文书
护士辞职信怎么写
2015/02/27 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
2019经典广告词集锦!
2019/07/02 职场文书