Comment faire de l'ajax get/post demande expresse du serveur?

Ci-dessous est mon server express. Je suis en train de faire une requête get en ajax, mais il s'est avéré échoué même si je jquery au début. Il a dit $ n'est pas défini autrement que par l'utilisation de jquery, ajax, quoi d'autre puis-je utiliser pour faire un appel d'API formulaire API RESTful url?

JS:

var express = require('express');
var requestHandler = require('./requestHandler');
var app = express();
var path = require('path');


app.use(express.static(path.join(__dirname, '../client')));
app.get('/homepage', requestHandler.getData);

var port = process.env.PORT || 3000;
app.listen(port);
console.log("Server running at: http://localhost:" + port);

//request handler file:

var express = require('express');
var url = "http://jsonplaceholder.typicode.com/";

module.exports.getData = function (req, res){
    $.ajax({
      method: 'GET',
      url: url+'posts',
      success: function(data) {
        console.log(data);
        res.send(data);
      }
    });
  }
module.exports.getComments = function(userId){
    $.ajax({
      method: 'GET',
      url: url+'/comments',
      success: function(data) {
        console.log(data);
      }
    });
}

InformationsquelleAutor Someone | 2015-10-06
  1. 9

    Requête HTTP GET dans Node.js Express

    JS:

    var http = require('http');
var options = {
  host: 'www.google.com',
  path: '/index.html'
};

var req = http.get(options, function(res) {
  console.log('STATUS: ' + res.statusCode);
  console.log('HEADERS: ' + JSON.stringify(res.headers));

  //Buffer the body entirely for processing as a whole.
  var bodyChunks = [];
  res.on('data', function(chunk) {
    //You can process streamed parts here...
    bodyChunks.push(chunk);
  }).on('end', function() {
    var body = Buffer.concat(bodyChunks);
    console.log('BODY: ' + body);
    //...and/or process the entire body here.
  })
});

req.on('error', function(e) {
  console.log('ERROR: ' + e.message);
});

    • Salut qui a résolu un de mes requête get problème; cependant, je n'ai aucune idée pourquoi je n'ai pas les données avec une requête get à partir de ce lien jsonplaceholder.typicode.com/comments, il travaille pour /posts en http.get(), mais ne fonctionne pas pour les commentaires, et il fonctionne aussi si je le fais sur la vue du client dans l'ajax de jquery... :/ pouvez-vous nous expliquer?
    • Il pourrait y avoir plusieurs raisons, CORS, incorrect en-têtes... Quel serveur vous êtes détachement? Est-ce votre propre localhost? Vous aurez besoin d'inspecter la réponse pour voir si le serveur répond avec un message d'erreur.
    • Oui. C'est mon localhost et je ne sais pas pourquoi il me donne une réponse 404 :/
    • Vérifiez d'abord expresse de votre part, le nom de l'itinéraire. Mettre dans une console.connectez-vous à votre itinéraire en fonction à assurez-vous qu'elle est prise à la route, puis assurez-vous que votre requête fonctionne correctement.
    • Juste de confirmer qu'il s'agit de l'itinéraire. Merci 😀
    • Salut, alors j'ai un peu résolu ce problème, mais je n'ai pas exactement le résoudre, parce que quand j'ai ouvert l'hôte local, je peux voir le résultat que je veux, mais quand j'ai ouvert la statique index.html fichier, j'ai une erreur disant: "XMLHttpRequest ne peut pas charger le fichier:///page d'accueil. Origine de la croix demandes sont prises en charge uniquement pour les protocoles: http, de données, de chrome, chrome-extension, https, chrome-extension-ressource".
    • J'ai inclus app.use(function(req, res, next) { res.header('Access-Control-Allow-Origin', 'example.com'); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); res.header('Access-Control-Allow-Headers', 'Content-Type'); next(); }); dans mon expressJS code mais je ne sais pas pourquoi j'ai toujours cette erreur
    • Autre chose est incorrect. Il ne devrait pas être le chargement à partir d'un fichier://page d'accueil, il doit être localhost/page d'accueil. Je vous suggère de poster tout votre code à un plunkr de sorte qu'il peut être revu.
    • Salut. J'ai déjà eu. Je dois mettre de la croix-domaine de vrai dans mon jquery ajax

    InformationsquelleAutor Enkode
  2. 2

    Vous avez besoin de comprendre des choses comme:

    1. expressjs est serverside code de sorte qu'il ne peut pas utiliser jquery ajax comme ça.
    2. jQuery.ajax() ne peut être utilisé à afficher lorsque vous chargez votre page dans le navigateur.

    Vous avez besoin d'utiliser certains moteurs comme jade de créer des modèles et l'utilisation des routeurs pour pousser l'affichage dans le navigateur. Lorsque vous avez votre point de vue dans le navigateur, puis vous pouvez faire référence au fichier de script qui peut contenir votre code ajax pour vous permettre d'avoir des messages et des commentaires.

    De plus amples informations.

    InformationsquelleAutor Jai
  3. 0

    Essayer quelque chose comme cela:

    function() {


    //Simple POST request example (passing data) :
    $http.post("/createProject/"+ id +"", {
        projectTitle: pTitle,
        userID      : id
    }).
    success(function(data, status, headers, config) {
        //this callback will be called asynchronously
        //when the response is available
        $scope.getProjects();
        console.log("project created");
        console.log("this is the response data " + data);
    }).
    error(function(data, status, headers, config) {
        //called asynchronously if an error occurs
        //or server returns response with an error status.
    });
 };

    Aussi s'il vous plaît noter. vous appelez cela à partir d'un fichier JavaScript externe. L'une de l'express server vous n'aurez que des "routes" et à partir des fichiers javascript externes vous pouvez effectuer HTTP appels sur ces routes.

    InformationsquelleAutor Skywalker
  4. 0

    Mise à jour
    @Quelqu'un, le cadre est très populaire à l'installation d'un serveur web dans le Nœud. Vous pouvez utiliser différents moteurs de rendu pour rendre la vue et de transmettre des informations à l'utilisateur. C'est un exemple très simple de l'Express site d'écoute de deux url (/messages et /commentaires). 

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

app.get('/posts', function (req, res) {
  res.send('Render posts!');
});

app.get('/comments', function (req, res) {
  res.send('Render comments');
});

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});
    • donc, si je veux faire une demande à partir d'une url réelle, ce genre de syntaxe puis-je utiliser dans l'express?
    • Dans le Nœud que vous utilisez habituellement le http ou demande de module. Voir ma mise à jour.
    • alors qu'est-ce que l'url, l'utilisateur doit saisir dans le navigateur pour obtenir de réponse à partir de ce que vous avez suggéré. À mon avis le chemin suggère que l'opération qu'il a à faire comme si vous avez /home il renvoie à la page d'accueil avec l'utilisation de certains moteur d'affichage.
    • Ah, maintenant, je reçois la confusion. Jetez un oeil à l'Express, express est un framework web. Je vais mettre à jour ma réponse avec un exemple.
    InformationsquelleAutor Evers