ホームページ > 記事 > ウェブフロントエンド > ノードサーバーはどのようにして Douban データ (コード) を取得しますか
この記事の内容は、ノードサーバーが Douban データを取得する方法 (コード) に関するもので、必要な方は参考にしていただければ幸いです。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> </head> <body> <input type="text" class="ipt" /> <button>获取数据</button> <ul> </ul> </body> <script type="text/javascript"> // $('button').click(function(){ // $.ajax({ // type:"post", // url:"http://localhost:3000", // data:{name:$('.ipt').val()}, // success:function(data){ // console.log(data) // } // }); // }) $('button').click(function(){ $.ajax({ type:"get", url:"http://localhost:3000", dataType:'json', success:function(data){ console.log(data) data.map(function(item){ $('ul').append('<li>'+item+'</li>') }) } }); }) </script> </html>
const https=require('https'); var http=require('http') const options = { hostname: 'api.douban.com', port: 443, path: '/v2/movie/top250', method: 'GET' }; var str='' var arr=[] //发起请求 const req = https.request(options, (res) => { res.on('data', (d) => { // console.log(d.toString()) str+=d; }); res.on('end',()=>{ var list=JSON.parse(str).subjects list.map(function(item){ arr.push(item.title) }) }) }); http.createServer((req,res)=>{ res.writeHead(200,{'content-type':'text/html;charset=utf-8','Access-Control-Allow-Origin':'*'}) if(req.url!='/favicon.ico'){ res.write(JSON.stringify(arr)) res.end() } }).listen(3000) //请求失败 req.on('error', (e) => { console.error(e); }); //结束请求 req.end();
おすすめ関連記事:
Vueの子コンポーネントと親コンポーネント間の通信(コード付き)
v-modelの実装原理とは? v-modelの使い方を紹介(コード付き)
以上がノードサーバーはどのようにして Douban データ (コード) を取得しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。