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 相关文章推荐
JS 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
jquery remove方法应用详解
Nov 22 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
JS判断两个时间大小的示例代码
Jan 28 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
node.js中的http.response.write方法使用说明
Dec 14 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 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如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
Javascript 面向对象 继承
2010/05/13 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
2015/06/05 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
AngularJS实现单一页面内设置跳转路由的方法
2017/06/28 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
python冒泡排序简单实现方法
2015/07/09 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
Python定义函数功能与用法实例详解
2019/04/08 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
高一家长会邀请函
2014/01/12 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
科学发展观活动总结
2014/08/28 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
假期安全教育广播稿
2014/10/04 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
作文之亲情600字
2019/09/23 职场文书