將Node.js GET/POST請求更改爲Ajax

Question

我是JavaScript的初學者，正在努力通過使用基於Ajax的GET/ POST請求從某些Node.js後端代碼發出相同的請求。我使用MySQL數據庫。我已經通過一些教程並獲得一些理解。例如，Ajax POST請求可能是這樣的，

$.ajax({ 

      url: '/walletinfo', 
      method: 'POST', 
      data: { 
       name: addressName, 
       address: wallet.getAddress() 
      }, 
      success: function(result) { 
       console.log(result) 
      }, 
      error: function(err) { 
       console.log(err) 
      } 
     }) 

的Node.js POST請求，我有提供，

// initiations of the code 
const express = require('express') 
const path = require('path') 

const bodyParser = require("body-parser"); 

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

const con = mysql.createConnection({ 

    host: "localhost", 
    user: "testuser", 
    password: "testpassword", 
    database : 'wallet1' 
}); 

con.connect(function(err) { 

    if (err) throw err; 
    console.log("Connected!"); 
}); 


app.use('/', express.static(path.join(__dirname, 'public'))) 
app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 


// initiations of the code 
app.post('/walletinfo', function (req, res) { 

    var sql = "INSERT INTO wallet_info (name, address) VALUES ('" + req.body.name +"', '" + req.body.address + "')"; 

    con.query(sql, function (err, result, fields) { 
     if (err) console.error(err); 

     res.json(result) 
    }); 
}) 

因此，它似乎req對象集結SQL查詢和con.query嘗試執行它。如果INSERTION按預期完成，我們將嵌入res與result。

看來我必須做一些data: { name: addressName, address: wallet.getAddress() }部分的$.ajax請求，並在那裏撥打con.query。

我也有一個GET請求從Node更改爲Ajax，

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

    con.query("SELECT * FROM wallet_info", function (err, result, fields) { 

     if (err) throw err; 

     console.log(result); 
     res.json(result) 
    }); 
}) 

如何正確地做到這一點？

Answer 1

在您的網頁，你需要申請你想這樣的端點：

// GET Request 
$.ajax({ 
    url: "http://yourdomain.com/walletinfo", 
    method: "GET" 
}).done(function(data) { 
    console.log(data) // Your wallet info from the server (MySQL Result) 
}); 



// POST Request 
$.ajax({ 
    url: "http://yourdomain.com/walletinfo", 
    method: "POST", 
    data: { 
     name: "<NAME>", 
     address: "<address>" 
    }, 
    dataType: "json" 
}).done(function(data) { 
    console.log(data) // Your MySQL Result from the query insert 
}); 

您可以找到有關jQuery的AJAX here更多信息。