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 相关文章推荐
JScript中使用ADODB.Stream判断文件编码的代码
Jun 09 Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
JS实现多物体运动的方法详解
Jan 23 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
Sep 16 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 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编程开发“虚拟域名”系统
2006/10/09 PHP
生成卡号php代码
2008/04/09 PHP
PHP 网页过期时间的控制代码
2009/06/29 PHP
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
php密码生成类实例
2014/09/24 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
php工具型代码之印章抠图
2018/07/18 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
js 创建书签小工具之理论
2011/02/25 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
layui文件上传实现代码
2017/05/20 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
深入理解JS异步编程-Promise
2019/06/03 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
Python笔记之代理模式
2019/11/20 Python
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
三好学生事迹材料
2014/12/24 职场文书
读后感作文评语
2014/12/25 职场文书
通知范文怎么写
2015/04/16 职场文书
2016十一国庆节感言
2015/12/09 职场文书
外出听课学习心得体会
2016/01/15 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android
Redis入门基础常用操作命令整理
2022/06/01 Redis
mysql sock文件存储了什么信息
2022/07/15 MySQL