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 相关文章推荐
javascript 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
ExtJS 2.0实用简明教程 之Ext类库简介
Apr 29 Javascript
javascript 定义新对象方法
Feb 20 Javascript
JS无限树状列表实现代码
Jan 11 Javascript
jQuery cdn使用介绍
May 08 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
Vuejs监听vuex中值的变化的方法示例
Dec 02 Javascript
使用element-ui table expand展开行实现手风琴效果
Mar 15 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实现的贪婪算法实例
2017/10/17 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
js中eval详解
2012/03/30 Javascript
浅析hasOwnProperty方法的应用
2013/11/20 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
微信小程序  checkbox组件详解及简单实例
2017/01/10 Javascript
超全面的javascript中变量命名规则
2017/02/09 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
JS实现移动端判断上拉和下滑功能
2017/08/07 Javascript
JS实现滑动插件
2020/01/15 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
连接pandas以及数组转pandas的方法
2019/06/28 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
python中的逆序遍历实例
2019/12/25 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
ECHT官方网站:男女健身服
2020/02/14 全球购物
Java语言程序设计测试题判断题部分
2013/01/06 面试题
护士自我鉴定
2013/10/23 职场文书
社区先进事迹材料
2014/05/19 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
2016公司年会主持词
2015/07/01 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书