摘要:第一种参看用实现和服务第二种部分填写有误添加成功重点部分是添加响应头信息可以是,也可以是跨域的地址在里不需要做任何特殊处理仍旧是部分姓名职位添加出错了出错了
第一种: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
摘要:在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。 在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。虽说跨域问题最后基本都是后台同事解决的,但是有时候为了赶时间,没辙只有自己来,使用node代理解决 跨域:协议 域名 端口号 三个只要有一个不一样就是跨域,也就是不同域名之间的访问; 通常解决跨域的...
摘要:前言由于自己平时只做做,并没有遇到太多跨域问题,今天通过几个样例模拟实现了几种跨域方式。 前言 由于自己平时只做做demo,并没有遇到太多跨域问题,今天通过几个样例模拟实现了几种跨域方式。原文地址 传送门 本文所有样例静态服务器基于nodejs实现,代码亲测可用。测试步骤如下: 1.为了实现跨域访问的效果,需要下载http-server 作为一个服务器 npm install http...
摘要:技术的学习也是如此唯有实践才能更清楚的明白原理和加深印象,因此本文会利用对前端的各种跨域方式进行实践,强烈建议一步一步跟着做,相信你肯定会对跨域有更深层次的理解。 前言 常言道,读万卷书,不如行万里路。技术的学习也是如此,唯有实践才能更清楚的明白原理和加深印象,因此本文会利用node.js对前端的各种跨域方式进行实践,强烈建议一步一步跟着做,相信你肯定会对跨域有更深层次的理解。而由于篇...
摘要:在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下。 在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下。关于跨域,有N种类型,现在我只专注于ajax请求跨域(ajax跨域只是属于浏览器同源策略中的一部分,其它的这里不做介绍),内容...
阅读 683·2021-09-29 09:34
阅读 2536·2019-08-30 15:53
阅读 3339·2019-08-29 17:17
阅读 741·2019-08-29 16:08
阅读 1101·2019-08-29 13:03
阅读 931·2019-08-27 10:54
阅读 670·2019-08-26 13:39
阅读 2843·2019-08-26 13:34