angularJs中$scope數(shù)據(jù)序列化的實(shí)例
更新時(shí)間：2018年09月30日 15:56:57 作者：泠泠在路上
今天小編就為大家分享一篇angularJs中$scope數(shù)據(jù)序列化的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示：
<!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è)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JavaScript解析及序列化JSON的方法實(shí)例分析
- Django model序列化為json的方法示例
- jQuery序列化form表單數(shù)據(jù)為JSON對(duì)象的實(shí)現(xiàn)方法
- 特殊字符的json序列化總結(jié)大全
- 原生js實(shí)現(xiàn)form表單序列化的方法
- JS實(shí)現(xiàn)的JSON序列化操作簡(jiǎn)單示例
- js實(shí)現(xiàn)延遲加載的幾種方法詳解
- js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
- js的各種數(shù)據(jù)類(lèi)型判斷的介紹
- js序列化和反序列化的使用講解
相關(guān)文章
這篇文章主要介紹了Angular 常用指令實(shí)例總結(jié)整理的相關(guān)資料,本文整理了常用指令，大家可以參考使用，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了AngularJS中的DOM操作,較為詳細(xì)的分析了AngularJS針對(duì)DOM操作的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-11-11
AngularJs動(dòng)態(tài)加載模塊和依賴(lài)注入詳解
這篇文章主要為大家介紹了AngularJs動(dòng)態(tài)加載模塊和依賴(lài)注入，感興趣的小伙伴們可以參考一下2016-01-01
解決angular雙向綁定無(wú)效果,ng-model不能正常顯示的問(wèn)題
今天小編就為大家分享一篇解決angular雙向綁定無(wú)效果,ng-model不能正常顯示的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
這篇文章主要介紹了Angular2 NgModule 模塊詳解的相關(guān)資料,并附簡(jiǎn)單實(shí)例，需要的朋友可以參考下2016-10-10
AngularJs ng-change事件/指令的用法小結(jié)
本篇文章主要介紹了AngularJs ng-change事件/指令的小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
本篇文章主要介紹了淺談angular.js跨域post解決方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
詳解Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建
本篇文章主要介紹了Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建，具有一定的參考價(jià)值，有興趣的可以了解一下2017-07-07
完美解決UI-Grid表格元素中多個(gè)空格顯示為一個(gè)空格的問(wèn)題
下面小編就為大家?guī)?lái)一篇完美解決UI-Grid表格元素中多個(gè)空格顯示為一個(gè)空格的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
這篇文章主要介紹了AngularJS 單元測(cè)試（一）詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09