问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

$http跨域请求怎么解决

发布网友 发布时间:2022-04-26 15:50

我来回答

1个回答

热心网友 时间:2022-05-03 03:15

post请求进行跨域
angularjs内置封装类ajax网络服务$http,所实现依赖外部插件完完整前端离案
$scope.main = {
getData: function () {
$http({
method: 'POST',
url: '',
headers: {
'Content-Type' : 'application/x-www-form-urlencoded'
},
data: {
myUrl: ''
}
}).then(function success(result) {
//数据请求功
console.log(result.data);
},function error(err) {
//数据请求失败
console.log(err);
});
}

};
注意:表面向$http传入调函数提供相应调用实际返promise象angular1.2版本$http进行优化
优化:
$scope.main = {
getData: function () {

var myUrl = '';
var url = '';

var promise = $http({
method: 'POST',
url: url,
headers: {
'Content-Type' : 'text/plain'
},
data: {
myUrl: myUrl
}
});
console.log(promise);

//第写
promise.then(function success(data) {
console.log(data);
},function error(err) {
console.log(err);
});

//第二种写
promise.success(function (data) {
console.log(data);
});
promise.error(function (err) {
console.log(err);
});

}
};

promise象返链式调用;操作
node服务器配置:
使用 GET, HEAD 或者 POST 请求使用 POST 向服务器端传送数据则数据类型(Content-Type)能 application/x-www-form-urlencoded, multipart/form-data 或 text/plain种使用自定义请求(类似于 X-Modified 种)
请求 GET, HEAD 或者 POST 外发起请求或者使用 POST请求数据 application/x-www-form-urlencoded, multipart/form-data 或者 text/plain 外数据类型比说用 POST 发送数据类型 application/xml 或者 text/xml XML 数据请求或者使用自定义请求(比添加诸 X-PINGOTHER)浏览器需要向服务器发送预请求确定服务器否支持续请求支持浏览器则继续发送续Ajax请求
//http象,通创建服务器,设置端口号...
var http = require('http');
//url象,解析url内容
var url = require('url');
//查询参数象,处理查询参数
var ql = require('querystring');

var server = http.createServer(function (request,response) {

//设置编码格式
request.setEncoding('UTF-8');

//允许跨域请求, * 代表接收任何请求
response.setHeader('Access-Control-Allow-Origin','*');

//接收前端发送所请求数据
var postData = '';

//监听,前端数据,调用
request.addListener('data',function (data) {

postData += data;

});
//前端数据接收完毕
request.addListener('end',function () {

console.log('数据接收完毕');

//转化JSON象
var postDataObj = JSON.parse(postData);

console.log(postDataObj);
console.log([url,ql]);

//接收服务器请求别服务器或借口返数据
var resultData = '';

http.get(postDataObj.myUrl,function (request) {
request.setEncoding('UTF-8');

//监听数据,数据执行调
request.on('data',function (result) {
resultData += result;
});
//接收完毕,相应给前端
request.on('end',function () {
response.end(resultData);
});
}).on('error',function (err) {
response.end(err);
});
});

});
server.listen(8000,function (err) {
if(!err){
console.log('服务器端口8000');
}
})

angularjs请求:
$scope.main = {
getData: function () {
$http({
method: 'POST',
url: '',
headers: {
'Content-Type' : 'application/x-www-form-urlencoded'
},
data: {
myUrl: ''
}
}).then(function success(result) {
//数据请求功
console.log(result.data);
},function error(err) {
//数据请求失败
console.log(err);
});
}
};
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
win11优化工具【Windows11轻松设置 v1.04】 Win11怎么开启高性能模式_Windows11高性能模式开启方法介绍 盘点Windows11的5个优点为你带来全新的操作体验微软发布的全新操作系统... 微软正式推出Windows 11系统 有哪些变化? windows11新机优化教程 如何优化Windows 11服务设置_Windows 11服务优化技巧 win11系统怎么优化服务-windows11系统设置服务优化 纳税筹划的风险有什么 税收筹划的风险及管理办法有哪些? 税务筹划的18种方法(税收筹划的方法有哪些) 有谁知道 秋风不解风情 吹动少年的心 是哪首歌的歌词?? 求解:青春不解风情,吹动少年的心 让我们的笑容充满着青春的骄傲,这是罗大佑的什么歌啊, 谁知道那首歌里“吹动少年的心……让我拥抱你的梦”一句,是什么歌 歌词:吹动少年的心。 是那个歌呢 玉山白雪飘零 燃烧少年的心歌词是什么意思? 请问李宗盛的歌曲中有一首的歌词有一几是,春风不解风情,吹动少年的心,歌名叫什么 关于一句歌词:玉山白雪飘零,燃烧少年的心 有谁知道“春风不解风情,吹动少年的心”这歌词是哪首歌曲里?拜托了各位 谢谢 谁有王杰的《你是我心中永远的痛》的歌词 像风一样奔跑少年的心这是哪首歌里的歌词歌手是谁 吹动少年的心是什么歌里的词 有谁知道“春风不解风情,吹动少年的心”这歌词是哪首 熟冻包子怎么热 谁知道伍思凯的《少年心》这首歌的歌词? 为什么蒸的包子冷却下来都软软的? 歌词什么什么少年的心 包子冷了和熟的时候一样,没有小也没有陷下去一点,是什么原因? 有谁知道“春风不解风情,吹动少年的心”这歌词是哪首歌曲里? 熟包子冷冻再加热味道会发生变化吗? 如何解决跨域问题 跨域和解决跨域问题该如何理解 跨域是指什么,因为什么引起的?有哪些解决方案?web前端知识 怎么解决服务器间的跨域问题 httpclient 如何解决跨域问题 前端跨域问题有哪些常用的解决方式 前端跨域解决方案有哪些 jquery ajax http请求会跨域吗 post方式请求怎么解决跨域问题 post方式请求怎么解决跨域问题 股票中roe是什么意思 http-proxy-middleware纯前端就能实现跨域吗? http-proxy-middleware纯前端就能实现跨域吗? 如何使XMLHttpRequest跨域withCredentials,HTTP授权 如何使XMLHttpRequest跨域withCredentials,HTTP授权 r0e股票里代表市净率吗? python 如何导入utils这个包 ImportError: No module named Utils 请高手求助python util 安装Python dateutil问题,怎么解决 python-dateutil 安装问题