Guest User

Untitled

a guest
Feb 10th, 2018
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <script src="Scripts/angular.min.js"></script>
  6. <body>
  7. <div ng-app="">
  8. <form>
  9. Author:
  10. <input type="text" ng-model="author">
  11. <br>
  12. <br> Title:
  13. <input type="text" ng-model="title">
  14. <br>
  15. <br> Body:
  16. <input type="author" ng-model="body">
  17. <br>
  18. <br>
  19. <input type="submit" value="Submit">
  20. </form>
  21. </div>
  22. </head>
  23. </body>
  24. </html>
  25.  
  26. var mysql = require('mysql');
  27.  
  28. var connection = mysql.createConnection({
  29. host: 'localhost',
  30. user: '',
  31. password: '',
  32. database: 'copedb'
  33. });
  34. connection.connect();
  35. var cope = {
  36. author: 'XYZXYZ',
  37. title: 'Testing Node',
  38. body: 'Node JS'
  39. };
  40. var query = connection.query('insert into cope set ?', cope, function(err, result) {
  41. if (err) {
  42. console.error(err);
  43. return;
  44. }
  45. console.error(result);
  46. });
  47.  
  48. <!DOCTYPE html>
  49. <html lang="en">
  50. <head>
  51. <script src="Scripts/angular.min.js"></script>
  52. <script src="Scripts/app.js"></script>
  53. </head>
  54. <body ng-app="myApp">
  55. <div ng-controller="myCtrl">
  56. <form>
  57. Author:
  58. <input type="text" ng-model="author">
  59. <br>
  60. <br> Title:
  61. <input type="text" ng-model="title">
  62. <br>
  63. <br> Body:
  64. <input type="author" ng-model="body">
  65. <br>
  66. <br>
  67. <input type="submit" value="Submit" ng-click="submit()">
  68. </form>
  69. </div>
  70. </body>
  71.  
  72. var app = angular.module('myApp', []);
  73. app.controller('myCtrl', function($scope) {
  74. $scope.submit= function(){
  75. var data = $.param({
  76. book: JSON.stringify({
  77. author: $scope.author,
  78. title : $scope.title,
  79. body : $scope.body
  80. })
  81. });
  82.  
  83. $http.post("/api/book/", data).success(function(data, status) {
  84. console.log('Data posted successfully');
  85. })
  86. }
  87. });
  88.  
  89. var express = require('express');
  90. var mysql = require('mysql');
  91. var app = express();
  92.  
  93. var connection = mysql.createConnection({
  94. host: 'localhost',
  95. user: '',
  96. password: '',
  97. database: 'copedb'
  98. });
  99. connection.connect();
  100.  
  101. app.post('/api/book', function(req, res, next){
  102. var cope = req.body.params;
  103. var query = connection.query('insert into cope set ?', cope, function(err, result) {
  104. if (err) {
  105. console.error(err);
  106. return res.send(err);
  107. } else {
  108. return res.send('Ok');
  109. }
  110. });
  111. app.listen(8080);
  112.  
  113. <!DOCTYPE html>
  114. <html lang="en">
  115. <head>
  116. <script src="angular.min.js"></script>
  117. <script src="app.js"></script>
  118. </head>
  119. <body ng-app="myApp">
  120. <div ng-controller="myCtrl">
  121. <form>
  122. Author:
  123. <input type="text" ng-model="data.author">
  124. <br>
  125. <br> Title:
  126. <input type="text" ng-model="data.title">
  127. <br>
  128. <br> Body:
  129. <input type="author" ng-model="data.body">
  130. <br>
  131. <br>
  132. <input type="submit" value="Submit" ng-click="submit()">
  133. </form>
  134. </div>
  135. </body>
  136. </html>
  137.  
  138. var app = angular.module('myApp', []);
  139. app.controller('myCtrl', function($scope,$http) {
  140. $scope.data = {};
  141. $scope.submit= function(){
  142. console.log('clicked submit');
  143. $http({
  144. url: 'http://localhost:8080/blah',
  145. method: 'POST',
  146. data: $scope.data
  147. }).then(function (httpResponse) {
  148. console.log('response:', httpResponse);
  149. })
  150. }
  151. });
  152.  
  153. var express = require('express');
  154. var bodyParser = require('body-parser');
  155. var mysql = require('mysql');
  156. var app = express();
  157.  
  158. app.use(bodyParser.json({limit: '50mb'}));
  159. app.use(express.static('public'));
  160.  
  161. var connection = mysql.createConnection({
  162. host: 'localhost',
  163. user: 'root',
  164. password: '',
  165. database: 'copedb'
  166. });
  167. connection.connect();
  168.  
  169. app.post('/blah', function(req, res, next) {
  170. var cope = req.body;
  171. console.log('request received:', req.body);
  172. var query = connection.query('insert into cope set ?', cope, function (err, result) {
  173. if (err) {
  174. console.error(err);
  175. return res.send(err);
  176. } else {
  177. return res.send('Ok');
  178. }
  179. });
  180. //res.send('received the data.');
  181. });
  182. app.listen(8080);
  183.  
  184. <body>
  185. <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  186. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  187. <div ng-app="app" ng-controller="myCtrl">
  188. <p>First Name: <input type="text" name="firstName" ng-model="firstName" required /></p>
  189. <p>Lirst Name: <input type="text" name="lastName" ng-model="lastName" required /></p>
  190. <button ng-click="SendData()">Submit</button>
  191. <hr />
  192. {{ PostDataResponse }}
  193. </div>
  194. <script>
  195. var app = angular.module("app",[]);
  196. app.controller("myCtrl", function($scope,$http){
  197. $scope.SendData = function() {
  198. var data = {
  199. fName : $scope.firstName,lName : $scope.lastName
  200. }
  201. $http.post('/postFormAngular', data)
  202. .success(function (data, status, headers, config) {
  203. $scope.PostDataResponse = data;
  204. })
  205. .error(function(data, status, header, config){
  206. $scope.PostDataResponse = "Data: " + status;
  207.  
  208.  
  209. });
  210. };
  211. });
  212. </script>
  213. </body>
  214.  
  215. var express = require('express');
  216. var multer = require('multer');
  217. var mime = require('mime');
  218. var mysql = require('mysql');
  219. var app = express();
  220. var bodyParser = require("body-parser");
  221. app.use(bodyParser.urlencoded({ extended: true }));
  222. app.use(bodyParser.json());
  223.  
  224. var connection = mysql.createConnection({
  225. host : 'localhost',
  226. user : 'root',
  227. port : 3306,
  228. password : '',
  229. database : 'angular_db'
  230. });
  231.  
  232. connection.connect(function(err){
  233. if(!err) {
  234. console.log("Database is connected ... nn");
  235. } else {
  236. console.log("Error connecting database ... nn");
  237. }
  238. });
  239.  
  240. app.get('/angular_html.html', function(req, res){
  241. res.sendFile(__dirname + '/' + 'angular_html.html');
  242. console.log("----------------");
  243. });
  244. app.post("/postFormAngular", function (req, res) {
  245. console.log(req.body.fName);
  246. res.send(req.body.fName);
  247. });
  248. app.listen(3000);
Add Comment
Please, Sign In to add comment