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 相关文章推荐
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
AngularJs 弹出模态框(model)
Apr 07 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
vue实现简单loading进度条
Jun 06 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
关于vue的列表图片选中打钩操作
Sep 09 Javascript
js基础语法与maven项目配置教程案例
Jul 15 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
ZF等常用php框架中存在的问题
2008/01/10 PHP
php设计模式 Proxy (代理模式)
2011/06/26 PHP
PHP将字符分解为多个字符串的方法
2014/11/22 PHP
php输出xml属性的方法
2015/03/19 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
基于jQuery实现复选框是否选中进行答题提示
2015/12/10 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
Python的Tornado框架异步编程入门实例
2015/04/24 Python
深入剖析Python的爬虫框架Scrapy的结构与运作流程
2016/01/20 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
中专毕业生的自我鉴定
2013/12/01 职场文书
初中美术教学反思
2014/01/29 职场文书
个人承诺书格式
2014/06/03 职场文书
cf战队宣传语
2015/07/13 职场文书
2015国庆节66周年标语
2015/07/30 职场文书
python通过opencv调用摄像头操作实例分析
2021/06/07 Python