【求助】jquery与nodejs交互

hunter12345654 2013-04-02 04:05:51

对网络技术不是很了解，是我们的课程作业。
我就是想用前台的jquery想后台发送请求，并从nodejs端返回值到前台（html）。乱试了不少代码，可是怎么样都回传不了数据。我从网上下了一串代码。可是一直说连接有错。求指点，如何能让jquery和nodejs交互成功？

这个是html文件的代码，jquery.js用的是这个链接的：http://code.jquery.com/jquery-1.9.1.js。

<html>

<head>

    <script language="javascript" type="text/javascript" src="jquery.js"></script>

</head>



<body>

    response here: <p id="lblResponse">fill me in</p>



<script type="text/javascript">

$(document).ready(function() {

    $.ajax({

        url: 'http://127.0.0.1:1337/',

        // dataType: "jsonp",

        data: '{"data": "TEST"}',

        type: 'POST',

        jsonpCallback: 'callback', // this is not relevant to the POST anymore

        success: function (data) {

            var ret = jQuery.parseJSON(data);

            $('#lblResponse').html(ret.msg);

            console.log('Success: ')

        },

        error: function (xhr, status, error) {

            console.log('Error: ' + error.message);

            $('#lblResponse').html('Error connecting to the server.');

        },

    });

});

</script>



</body>

</html>

这个是nodejs端的代码

var http = require('http');

var util = require('util')

http.createServer(function (req, res) {



    console.log('Request received: ');

    util.log(util.inspect(req)) // this line helps you inspect the request so you can see whether the data is in the url (GET) or the req body (POST)

    util.log('Request recieved: \nmethod: ' + req.method + '\nurl: ' + req.url) // this line logs just the method and url



    res.writeHead(200, { 'Content-Type': 'text/plain' });

    req.on('data', function (chunk) {

        console.log('GOT DATA!');

    });

    res.end('callback(\'{\"msg\": \"OK\"}\')');



}).listen(1337,'127.0.0.1');

console.log('Server running on port http://127.0.0.1:1337/');

看node.js command prompt 上面显示的log信息，应该是成功发送了请求，但是我不知道如何从nodejs端把数据回传到html端。html页面一直打印错误信息。求指点！还有我就是从网上下了个nodejs的windows版本，然后安装了一下，这样是不是就够了？还需要配置什么环境么？

...全文

188 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2013-04-03

打赏
举报

// dataType: "jsonp"，取消注释，另外一个帖子已经回你了~

functionsub 2013-04-02

打赏
举报

functionsub 2013-04-02

打赏
举报


var http = require('http');
var util = require('util')
http.createServer(function (req, res) {
 
    console.log('Request received: ');
    util.log(util.inspect(req)) // this line helps you inspect the request so you can see whether the data is in the url (GET) or the req body (POST)
    util.log('Request recieved: \nmethod: ' + req.method + '\nurl: ' + req.url) // this line logs just the method and url
 
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    var data = '';//这里加一个变量用于接收数据
    req.on('data', function (chunk) {
        data += chunk;//每次数据来了以后跟前面的连接起来
        console.log('GOT DATA!');
    });
    res.end(data);
 
}).listen(1337,'127.0.0.1');
console.log('Server running on port http://127.0.0.1:1337/');

好久没玩node了。印象中是像上面那样。