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 相关文章推荐
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
javascript常用的设计模式
Feb 09 Javascript
vue中的非父子间的通讯问题简单的实例代码
Jul 19 Javascript
Node.JS更改Windows注册表Regedit的方法小结
Aug 18 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
JS抛物线动画实例制作
Feb 24 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
深入了解JavaScript 的 WebAssembly
Jun 15 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 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
PHP数据缓存技术
2007/02/14 PHP
PHP Smarty生成EXCEL文档的代码
2008/08/23 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
node 标准输入流和输出流代码实例
2019/09/19 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
利用python实现周期财务统计可视化
2019/08/25 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
HTML5中外部浏览器唤起微信分享
2020/01/02 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
波兰办公用品和学校用品在线商店:Dlabiura24.pl
2020/11/18 全球购物
应用数学专业求职信
2014/03/14 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
揭牌仪式策划方案
2014/05/28 职场文书
中专生自荐信
2014/06/25 职场文书
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python