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 相关文章推荐
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 Javascript
JQuery通过Ajax提交表单并返回结果
Jul 31 Javascript
jquery模拟SELECT下拉框取值效果
Oct 23 Javascript
jquery事件重复绑定的快速解决方法
Jan 03 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
May 05 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
ajax读取数据后使用jqchart显示图表的方法
Jun 10 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
原生JS实现天气预报
Jun 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 addslashes 函数详细分析说明
2009/06/23 PHP
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
AngularJS 依赖注入详解和简单实例
2016/07/28 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
2017/02/21 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
vue监听scroll的坑的解决方法
2017/09/07 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
vue实现淘宝购物车功能
2020/04/20 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
Python+request+unittest实现接口测试框架集成实例
2018/03/16 Python
python3对接mysql数据库实例详解
2019/04/30 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
下面代码从性能上考虑,有什么问题
2015/04/03 面试题
Delphi笔试题
2016/11/14 面试题
初中三年毕业生的自我评价分享
2014/02/14 职场文书
警校毕业生自我评价
2014/04/06 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
叶问观后感
2015/06/15 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
MySQL数字类型自增的坑
2021/05/07 MySQL