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操作checkbox用document.getElementById实现
Oct 12 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
AngularJS入门教程之Hello World!
Dec 06 Javascript
ashx文件获取$.ajax()方法发送的数据
May 26 Javascript
jQuery操作iframe中js函数的方法小结
Jul 06 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
通过示例彻底搞懂js闭包
Aug 10 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
微信小程序实现笑脸评分功能
Nov 03 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 Javascript
JavaScript实现消消乐的源代码
Jan 12 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php判断手机访问还是电脑访问示例分享
2014/01/20 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
javascript 判断整数方法分享
2014/12/16 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
js实现随机点名小功能
2017/08/17 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
Python解决N阶台阶走法问题的方法分析
2017/12/28 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
python实现判断一个字符串是否是合法IP地址的示例
2018/06/04 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
python统计中文字符数量的两种方法
2019/01/31 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
Python实现计算对象的内存大小示例
2019/07/10 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
在win64上使用bypy进行百度网盘文件上传功能
2020/01/02 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
python绘制分布折线图的示例
2020/09/24 Python
物流仓管员工作职责
2014/01/06 职场文书
财务工作个人总结
2015/02/27 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
MySQL sql_mode修改不生效的原因及解决
2021/05/07 MySQL
Redis唯一ID生成器的实现
2022/07/07 Redis