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功能函数代码
Jun 23 Javascript
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
js跨域访问示例(客户端/服务端)
May 19 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
详解webpack es6 to es5支持配置
May 04 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 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
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
PHP读取大文件的类SplFileObject使用介绍
2014/04/09 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
JavaScript中的apply()方法和call()方法使用介绍
2012/07/25 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
python内置函数sorted()用法深入分析
2019/10/08 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Python结合Window计划任务监测邮件的示例代码
2020/08/05 Python
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
物业公司采购员岗位职责
2013/12/31 职场文书
中医专业职业生涯规划书范文
2014/01/04 职场文书
校长竞聘演讲稿
2014/05/16 职场文书
学校安全工作汇报材料
2014/08/16 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
python 实现两个变量值进行交换的n种操作
2021/06/02 Python
解决xampp安装后Apache无法启动
2022/03/21 Servers