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 loading效果代码
Jun 18 Javascript
JQuery 学习笔记 选择器之三
Jul 23 Javascript
javascript 日期时间 转换的方法
Feb 21 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
超详细的JS弹出窗口代码大全
Apr 18 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
Angular 4.X开发实践中的踩坑小结
Jul 04 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 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微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
vue.js 表格分页ajax 异步加载数据
2016/10/18 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
微信小程序 仿猫眼实现实例代码
2017/03/14 Javascript
Angularjs 事件指令详细整理
2017/07/27 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[01:08]DOTA2次级职业联赛 - Wings 战队宣传片
2014/12/01 DOTA
python访问系统环境变量的方法
2015/04/29 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
深入理解Python爬虫代理池服务
2018/02/28 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
python实现按关键字筛选日志文件
2019/12/24 Python
浅谈python 中的 type(), dtype(), astype()的区别
2020/04/09 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
Python读写压缩文件的方法
2020/07/30 Python
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
什么是servlet链?
2014/07/13 面试题
卖房协议书
2014/04/11 职场文书
大学班级文化建设方案
2014/05/06 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
2019邀请函格式及范文
2019/05/20 职场文书