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 相关文章推荐
学习YUI.Ext基础第一天
Mar 10 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 Javascript
js实现浏览器倒计时跳转页面效果
Aug 12 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 Javascript
Vue实现随机验证码功能
Dec 29 Vue.js
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正则走开
2008/03/15 PHP
PHP类中Static方法效率测试代码
2010/10/17 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
Javascript 陷阱 window全局对象
2008/11/26 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
node中socket.io的事件使用详解
2014/12/15 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
简单的js计算器实现
2016/10/26 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
vue.js 微信支付前端代码分享
2018/02/10 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
Python完全新手教程
2007/02/08 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
Django ValuesQuerySet转json方式
2020/03/16 Python
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
大学学习个人的自我评价
2014/02/18 职场文书
在校实习生求职信
2014/06/18 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书