基于Node.js的ajax前后端交互的例子

最新推荐文章于 2022-03-25 19:19:43 发布

sanly_shi

最新推荐文章于 2022-03-25 19:19:43 发布

阅读量604

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_36774307/article/details/79928005

版权

javascript 专栏收录该内容

80 篇文章 5 订阅

订阅专栏

前端代码：

<!DOCTYPE html>  
<html lang="en">  
  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  
    <title>ajaxtest</title>  
</head>  
  
<body>  
    <button οnclick="ajax()">button</button>  
</body>  
  

     < 
    script 
    src= 
    "jquery-3.2.1.min.js"></ 
    script> 
   
  
  
<script>  
    function ajax() {  
        $.ajax({  
            url: 'http://127.0.0.1:8080/',  
            dataType: 'json',  
            type: 'get',  
            data: {  
                test: 'ajax'  
            },  
            
 
     
   success 
   :  
   function 
    (data) {  
  
 
     
   $ 
   ( 
   "body" 
   ). 
   append 
   ( 
   '<p>' 
   + 
   data 
   . 
   test 
   + 
   '</p>' 
   ); 
  
 
    }  
  
        })      };  </script>    </html>  

后端代码：

var http = require('http');  
var url = require('url');  
var createServer = http.createServer(onRequest);  
  
function onRequest(request, response) {  
    response.writeHead(200, {  
        'Content-Type': 'text/plain',  
        'Access-Control-Allow-Origin': '*'  
    });  
    var str = JSON.stringify(url.parse(request.url, true).query);  
    response.write(str);  
    response.end();  
}  
createServer.listen(8080);  
console.log('Server running  at http://127.0.0.1:8080/');  