angularJs中$scope數(shù)據(jù)序列化的實(shí)例

更新時(shí)間：2018年09月30日 15:56:57 作者：泠泠在路上

今天小編就為大家分享一篇angularJs中$scope數(shù)據(jù)序列化的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

如下所示：

<!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">
  標(biāo)題: <input type="text" ng-model="field.title"><br/>
  點(diǎn)擊數(shù): <input type="text" ng-model="field.click"><br/>
  內(nèi)容: <input type="text" ng-model="field.content"><br/>
  <!--將提交的數(shù)據(jù)獲取放到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數(shù)據(jù)序列化的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Angular 常用指令實(shí)例總結(jié)整理
這篇文章主要介紹了Angular 常用指令實(shí)例總結(jié)整理的相關(guān)資料,本文整理了常用指令，大家可以參考使用，需要的朋友可以參考下
2016-12-12
AngularJS中的DOM操作用法分析
這篇文章主要介紹了AngularJS中的DOM操作,較為詳細(xì)的分析了AngularJS針對(duì)DOM操作的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-11-11
AngularJs動(dòng)態(tài)加載模塊和依賴注入詳解
這篇文章主要為大家介紹了AngularJs動(dòng)態(tài)加載模塊和依賴注入，感興趣的小伙伴們可以參考一下
2016-01-01
解決angular雙向綁定無效果,ng-model不能正常顯示的問題
今天小編就為大家分享一篇解決angular雙向綁定無效果,ng-model不能正常顯示的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
Angular2 NgModule 模塊詳解
這篇文章主要介紹了Angular2 NgModule 模塊詳解的相關(guān)資料,并附簡(jiǎn)單實(shí)例，需要的朋友可以參考下
2016-10-10
AngularJs ng-change事件/指令的用法小結(jié)
本篇文章主要介紹了AngularJs ng-change事件/指令的小結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
淺談angular.js跨域post解決方案
本篇文章主要介紹了淺談angular.js跨域post解決方案，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
詳解Angular CLI + Electron 開發(fā)環(huán)境搭建
本篇文章主要介紹了Angular CLI + Electron 開發(fā)環(huán)境搭建，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-07-07
完美解決UI-Grid表格元素中多個(gè)空格顯示為一個(gè)空格的問題
下面小編就為大家?guī)硪黄昝澜鉀QUI-Grid表格元素中多個(gè)空格顯示為一個(gè)空格的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-04-04
AngularJS 單元測(cè)試（一）詳解
這篇文章主要介紹了AngularJS 單元測(cè)試（一）詳解的相關(guān)資料,需要的朋友可以參考下
2016-09-09