资讯专栏INFORMATION COLUMN

node跨域方法

call_me_R / 2731人阅读

摘要:第一种参看用实现和服务第二种部分填写有误添加成功重点部分是添加响应头信息可以是,也可以是跨域的地址在里不需要做任何特殊处理仍旧是部分姓名职位添加出错了出错了

第一种:jsonp
参看用nodejs实现json和jsonp服务

第二种:res.wirteHead
node部分

var http = require("http")
var url = require("url")
var querystring = require("querystring")

var port = 9000
var jsonData = { "name": "xiaohong", "job": "daboss" }
http.createServer(function (req, res) {
    // var pathStr = url.parse(req.url)
       res.writeHead(200, {
        "Content-Type": "application/json;charset=utf-8",
        "Access-Control-Allow-Credentials": true,
        "Access-Control-Allow-Origin": "*"
    })
    var type = req.method;
    if (type == "GET") {
     
        res.end(JSON.stringify(jsonData))
    } else if (type == "POST") {
        var str = "";
        req.on("data",function(chunk){
            str += chunk;
        })
       
        req.on("end",function(){
            var data = querystring.parse(str)
            console.log(data)
            if(data.name == "" || data.job == ""){
                res.end(JSON.stringify({"success":true,msg:"填写有误"}))
            }else{
                res.end(JSON.stringify({"success":false,msg:"添加成功"}))
            }

        })
    }

}).listen(port, function () {
    console.log("server is runing at port " + port)
})

重点部分是添加响应头信息

    res.writeHead(200, {
        "Content-Type": "application/json;charset=utf-8",
        "Access-Control-Allow-Credentials": true,
        "Access-Control-Allow-Origin": "*" //可以是*,也可以是跨域的地址
    })

ajax里不需要做任何特殊处理
dataType仍旧是json

html部分





    
    
    
    Document


    click me
    

添加

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51168.html

相关文章

  • 关于跨域

    摘要:服务端接收到请求后,通过该参数获得回调函数名,并将数据放在参数中将其返回收到结果后因为是标签,所以浏览器会当做是脚本进行运行,从而达到跨域获取数据的目的。 在使用Vue搭建的一个后端管理系统中,我使用axios请求本地的Node环境下的接口,但是请求失败,然后我错误信息是:showImg(https://segmentfault.com/img/remote/1460000018521...

    AlexTuan 评论0 收藏0
  • 那些年踩过的坑——node代理解决跨域的问题

    摘要:在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。 在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。虽说跨域问题最后基本都是后台同事解决的,但是有时候为了赶时间,没辙只有自己来,使用node代理解决 跨域:协议 域名 端口号 三个只要有一个不一样就是跨域,也就是不同域名之间的访问; 通常解决跨域的...

    worldligang 评论0 收藏0
  • 跨域跨域的简易实现和测试

    摘要:前言由于自己平时只做做,并没有遇到太多跨域问题,今天通过几个样例模拟实现了几种跨域方式。 前言 由于自己平时只做做demo,并没有遇到太多跨域问题,今天通过几个样例模拟实现了几种跨域方式。原文地址 传送门 本文所有样例静态服务器基于nodejs实现,代码亲测可用。测试步骤如下: 1.为了实现跨域访问的效果,需要下载http-server 作为一个服务器 npm install http...

    ninefive 评论0 收藏0
  • 跨域」利用node.js实践前端各种跨域方式(下)

    摘要:技术的学习也是如此唯有实践才能更清楚的明白原理和加深印象,因此本文会利用对前端的各种跨域方式进行实践,强烈建议一步一步跟着做,相信你肯定会对跨域有更深层次的理解。 前言 常言道,读万卷书,不如行万里路。技术的学习也是如此,唯有实践才能更清楚的明白原理和加深印象,因此本文会利用node.js对前端的各种跨域方式进行实践,强烈建议一步一步跟着做,相信你肯定会对跨域有更深层次的理解。而由于篇...

    Jenny_Tong 评论0 收藏0
  • 20K前端大佬面试(关于如何回答ajax跨域问题)

    摘要:在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下。 在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下。关于跨域,有N种类型,现在我只专注于ajax请求跨域(ajax跨域只是属于浏览器同源策略中的一部分,其它的这里不做介绍),内容...

    Yangyang 评论0 收藏0

发表评论

0条评论

call_me_R

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<