美文网首页
node起一个服务器,接收ajax的get请求,解决跨域

node起一个服务器,接收ajax的get请求,解决跨域

作者: 殷川 | 来源:发表于2017-06-15 16:09 被阅读79次

node

var http = require('http');
var url = require('url')
var server = http.createServer(function (req, res) {
var params = url.parse(req.url, true).query;
str = {
    id:params.id,
    name:params.name
}
var aa = JSON.stringify(str)
res.writeHeader(200, { "Content-Type": 'text/plain', 'charset': 'utf-8', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'PUT,POST,GET,DELETE,OPTIONS' });
//大长串解决跨域
res.write(aa);
//返回的数据必须是string或者buffer,不然一直报错,ajax端设置为json
res.end()
}).listen(3300);

console.log('server is running at port 3300');

ajax

 get: function (url, config, callback, err) {
        let fullurl = url
        if (!!config) {
            fullurl = url + "?"
            for (let prop in config) {
                fullurl = fullurl + "&" + prop + "=" + config[prop]
            }
        }
        $.ajax({
            type: "get",
            url: fullurl,
            dataType: "json",
            success: function (data) {
                callback(data)
            },
            error: function (data) {
                if (!!err) {
                    err(data)
                }
            }
        })
    }

相关文章

  • jsonp解决ajax跨域的原理

    1.jsonp只能解决GET类型的ajax请求跨域问题2.jsonp请求不是ajax请求,而是一般的get请求3....

  • node起一个服务器,接收ajax的get请求,解决跨域

    node ajax

  • 跨域

    ??JSONP只能解决GET请求跨域,不能解决POST请求跨域问题,XHR2可以解决GET,POST方式的请求跨域...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • 跨域实战解决方案

    一.跨域方案 1.JSONP跨域 (1)前端发起jQuery ajax 的get请求 $.getJSON...

  • 跨域上传图片并预览

    跨域上传文件 之前解决跨域问题都是使用的JQuery的JSONP类型的Ajax请求,JSONP原理是让服务器把数据...

  • 跨域解决方案

    1.使用Jsonp解决跨域(不推荐,因为只支持get请求,不支持post请求) 1.前端AJAX请求dataTyp...

  • 跨域

    什么是跨域? 为什么会发生ajax跨域?浏览器限制跨域【发出的请求不是本域】XHR请求【json】 解决思路:1:...

  • ajax、fetch 跨域携带cookie

    一、ajax 跨域携带cookie 原生ajax请求方式: jquery的post方法请求: 服务器端设置: 二、...

  • 解决ajax跨域问题

    Jsonp解决ajax跨域问题 CORS解决ajax跨域问题

网友评论

      本文标题:node起一个服务器,接收ajax的get请求,解决跨域

      本文链接:https://www.haomeiwen.com/subject/lchuqxtx.html