nodejs+ajax+mysql+htmlデータ転送を実現

2つのサーバを開きます:apacheとnodejs
1、apacheサーバーでhtmlを実行します.htmlコードは以下の通りです.

図はnodejsサーバを開いた後、データベースに接続し、データクエリーを実行し、apacheサーバがWebページのデータ要求を開いた後、効果を表示します.

html>


    
    
    
    
    
    
    


        

        

            
        
    
    
        $(function() {
            var res = loadJsonDoc('http://localhost:8888/');//nodejs     
            var usersDetail = $.parseJSON(res);
            if (usersDetail.length > 0) {
                for (i = 0; i <= usersDetail.length - 1; i++) {
                    var productList = '<tr>\
                        <td>' + usersDetail[i].user_name + '</td>\
                        <td>' + usersDetail[i].user_age + '</td>\
                        <td>' + usersDetail[i].user_gender + '</td>\
                        <td>' + usersDetail[i].user_phone + '</td>\
                        <td>' + usersDetail[i].user_address + '</td>\
                    </tr>';
                    $("#user").append(productList);
                }
            }
        })
    

2、nodeサーバーを作成し、データベースに接続し、nodeサーバー:node serverを実行する.js(関連コードは以下の通り):

//       

var express = require('express');
var app = express();
var mysql = require('mysql');

/*       */
var connection = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    port: '3306',
    database: 'chenshanqiang'
});
connection.connect();

//    
app.get('/', function(req, res) {

    //         ，*          
    res.header("Access-Control-Allow-Origin", "*");

    //   header  
    res.header("Access-Control-Allow-Headers", "content-type");

    //          
    res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");

    var sql = 'select * from user';

    //   sql  
    connection.query(sql, function(err, result) {
        if (err) {
            console.log('[SELECT ERROR] - ', err.message);
            return;
        }
        res.send(result);
    });
        //connection.end();      
});