我发布了我的index.html,app.js和insert.php.
安装的依赖项是express、mysql和morgan。
在我的文件夹中，我有
我有一个 WAMP 本地服务器在后台运行。默认情况下，phpMyadmin 的用户名为 root，密码为空。我已经建立了一个名为的数据库storestuff，thestuff其中有一个名为的表，其中有两列title和content.
所以我node app.js在终端中运行，然后得到
Server running on port 3000.
Connected successfully to the database.
现在，我去访问localhost:3000
当页面加载时，终端显示GET / 304 20.635 ms - -这意味着页面加载正确。
我还storestuff使用 phpMyAdmin将一些虚拟数据插入到 MySQL数据库中以进行测试。访问localhost:3000/load中设置的路由app.js，终端显示GET /load 200 16.382 ms - -浏览器中显示的页面，其中包含 JSON 数据，这确实是我插入的虚拟数据，http 代码 200 表示 GET 请求正常工作。
当我填写title字段和content字段并按提交时，终端会显示POST /insert.php 404 2.949 ms - 150我不明白的内容，因为insert.php它与index.html.
索引.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
</head>
<body>
<font face="Source Sans Pro">
<div ng-app="myApp" ng-controller="myController">
<h1> Hello world! </h1>
<form>
Title <input type="text" ng-model="title"><br>
Content <input type="text" ng-model="content"><br>
<input type="button" value="Submit" ng-click="insertdata()">
</form>
<script>
var app = angular.module('myApp', []);
app.controller('myController', function($scope, $http) {
$scope.insertdata = function() {
$http.post('insert.php', {
'title':$scope.title,
'content':$scope.content
})
.then(function(data) {
console.log("Data inserted into the MySQL database successfully.");
});
}
});
</script>
</div>
</font>
</body>
</html>
应用程序.js
var express = require('express');
var mysql = require('mysql');
var morgan = require('morgan');
var app = express();
app.use(morgan('dev'));
var connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password : '',
database : 'storestuff'
});
connection.connect(function(error) {
if(error) console.log("Problem connecting to MySQL: " + error);
else console.log("Connected successfully to the database");
});
app.get('/', function(req, res) {
res.sendFile(__dirname + '/index.html');
});
app.get('/load', function(req, res) {
connection.query("SELECT * from thestuff", function(err, rows) {
if(err) console.log("SELECT from thestuff... did not work: " + err);
else res.end(JSON.stringify(rows));
});
});
app.listen(3000, function() {
console.log("Server running on port 3000.");
});
插入.php
<?php
$data = json.decode(file_get_content('php://input'));
$title = mysql_real_escape_string($data->title);
$content = mysql_real_escape_string($data->content);
mysql_connect('localhost', 'root', '');
mysql_select_db('storestuff');
mysql_query("INSERT INTO thestuff('title', 'content') VALUES('".$title"', '".$content"')");
?>
将此添加到您的 php 文件的顶部
<?php
header("Access-Control-Allow-Origin: *");
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句