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部分

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <a class="click" href="javascript:get_jsonp()">click me</a>

    <p class="result"></p>

    <label>姓名:</label>

    <input class="name" type="text" />

    <label>职位：</label>

    <input class="job" type="text">

    <a class="add" href = "javascript:add()">添加</a>

    <p class="msg"></p>

    <script src="http://code.jquery.com/jquery-latest.js"></script>

    <script>

        function get_jsonp() {

            $.ajax({

                type: 'get',

                dataType: 'json',

                url: 'http://localhost:9000',

                success: function (data) {

                    $('.result').html('my name is ' + data.name)

                },

                error: function (err) {

                    $('.result').html('出错了 ' + err.status)

                }

            })

        }

        function add(){

            $.ajax({

                type:'post',

                url:'http://localhost:9000',

                dataType:'json',

                data:{

                    'name':$(".name").val(),

                    'job':$(".job").val()

                },

                success:function(data){

                    $('.msg').html(data.msg)

                },

                error:function(err){

                     $('.msg').html('出错了'+err.status)

                }

            })

        }

    </script>

</body>

</html>

node跨域方法的更多相关文章

  1. node 跨域问题

    node跨域有很多方法 1.引入 中间件cors 我觉的最好的方法 var express=require('express'); var cors=require('cors'); var app= ...

  2. Node 跨域问题 Access to XMLHttpRequest at 'http://localhost:8080/api/user/login' from origin 'http://localhost:808

    人不可能踏进同一条河流,我可以一天在同一个问题上摔倒两次. 这次是跨域问题,都是泪,教程提供的服务端代码虽然配置了文件,但是依然是没有解决跨域问题,依然报错 Request header field ...

  3. js中几种实用的跨域方法原理详解（转）

    今天研究js跨域问题的时候发现一篇好博,非常详细地讲解了js几种跨域方法的原理,特分享一下. 原博地址:http://www.cnblogs.com/2050/p/3191744.html 下面正文开 ...

  4. js中几种实用的跨域方法原理详解

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  5. 前端Js跨域方法汇总—剪不断，理还乱，是跨域

    1.通过jsonp跨域2.通过修改document.domain来跨子域(iframe)3.隐藏的iframe+window.name跨域4.iframe+跨文档消息传递(XDM)5.跨域资源共享 C ...

  6. JavaScript跨域方法

    一.什么是跨域 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象.但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦.这里把涉及到跨域的一些问题简单地整理一下: ...

  7. JS跨域方法及原理

        JS跨域分析判断 JS跨域:在不同域之间,JS进行数据传输或通信.比如ajax向不同的域请求数据.JS获取iframe中的页面中的值(iframe内外不同域) 只要协议.端口.域名有一个不同则 ...

  8. [转]js中几种实用的跨域方法原理详解

    转自:js中几种实用的跨域方法原理详解 - 无双 - 博客园 // // 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同 ...

  9. JavaScript 跨域方法总结

    同源策略 在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义.同源策略规定跨域之间的脚本是隔离的,一个域的脚 ...

随机推荐

  1. android 新闻应用、Xposed模块、酷炫的加载动画、下载模块、九宫格控件等源码

    Android精选源码 灵活的ShadowView,可替代CardView使用 基于Tesseract-OCR实现自动扫描识别手机号 Android播放界面仿QQ音乐开源音乐播放器 新闻应用项目采用了 ...

  2. 吴裕雄--天生自然C语言开发：字符串

    ] = {'H', 'e', 'l', 'l', 'o', '\0'}; char greeting[] = "Hello"; #include <stdio.h> i ...

  3. PHP验证电子邮件-密码保护和随机密码

    验证邮箱: function isValidEmail($email){ return eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a ...

  4. jQuery - textarea 自适应内容高度

    <textarea id="textarea"></textarea> <script> function makeExpandingArea( ...

  5. day38-进程-事件

    #1.事件Event:以交通灯为例.可以控制所有进程等待或者运行. from multiprocessing import Event e = Event() #实例化一个事件,创建一个交通灯,默认是 ...

  6. Listening-lecture|主旨题|术语解释|举例原则|Crash course 哔哩哔哩

    Listening-lecture: Major topic: SP1---detail---detail---detail SP2---detail---detail---detail Crash ...

  7. Estimating Gene Frequencies| method of maximum likelihood|point estimate

    I.11 Estimating Gene Frequencies 在小样本上计算基因A的概率PA,举例如下: 通过加大样本会将通过观察值得到的数趋近于真实数据,所以该问题转化为了统计学上利用大量观察值 ...

  8. ORs-3-OR Gene Family Phylogeny

    OR Gene Family Phylogeny 1.之前关于ORs基因构建系统生发树的研究中的不足:bootstrap support values在有些family中高,bootstrap sup ...

  9. 非线程安全的HashMap 和 线程安全的ConcurrentHashMap

    在平时开发中,我们经常采用HashMap来作为本地缓存的一种实现方式,将一些如系统变量等数据量比较少的参数保存在HashMap中,并将其作为单例类的一个属性.在系统运行中,使用到这些缓存数据,都可以直 ...

  10. Xcode查看iOS崩溃与崩溃日志分析

    一.造成崩溃的原因 1.代码中存在bug 2.Watchdog 超时机制 3.用户强制退出 4.低内存终止 5.其他违法系统规则的操作,大部分是内存问题 二.崩溃的类型 1.信号错误类 (1)EXC_ ...