解析get方式发送的请求

作者 : 开心源码 本文共1429个字,预计阅读时间需要4分钟 发布时间: 2022-05-14 共193人阅读
http fs 接受前台传过来的数据请求(解析get方式发送的请求)

要求:get post ajax form 后端:转换成对象
form表单发送数据 转换对象格式
uname=Tom&upwd=123456 {uname:Tom,upwd:123456}

在day02文件夹中创立from.html文件与server1.js文件

from.html文件

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></title>    </head>    <body>        <form action="http://localhost:8080" method="GET">            <p>客户名:<input type="text" name="uname"></p>            <p>密码:<input type="text" name="upwd"></p>            <p><input type="submit" name="" id="" value="提交" /></p>        </form>    </body></html>
方法一:

server1.js

const http=require('http');var server=http.createServer(function(req,res){    GET=[]    var arr=req.url.split('?');    //console.log(arr);//['/','uname=Tom&upwd=123456']    var arr1=arr[1].split('&');    //console.log(arr1);//['uname=Tom','upwd=123456']        //遍历数组    for(var i=0;i<arr1.length;i++){        var arr2 = arr1[i].split('=');        //console.log(arr2);//["uname",'Tom'],['upwd','123456']        GET[arr2[0]]=arr2[1];        console.log(GET);//[uname:'Tom',upwd:'123456']    }})server.listen(8080);

Image 5.png

方法二:

创立server2.js

//方法二:const http=require('http');const querystring=require('querystring');var server=http.createServer(function(req,res){    var GET=[]    var arr=req.url.split('?');    GET=querystring.parse(arr[1]);    console.log(GET);})server.listen(8080);

Image 6.png

方法三

url模块
const http= require('http');consr urls = require('url');var server=http.createServer(function(req,res){  var urlLis=urls.parse('http://www.baidu.com/index?uname=Tom&upwd=123456',true);  console.log(urlLis);  console.log(urlLis.query);//{uname:'Tom',upwd:'123456'}});server.listen(8080);
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 解析get方式发送的请求

发表回复