为了账号安全,请及时绑定邮箱和手机立即绑定

XMLHttpRequest Level2 跨域及自定义请求Header参数问题

标签:
JavaScript

js代码

var xhr = new XMLHttpRequest();
    xhr.open('POST', 'http://网站域名');
    xhr.setRequestHeader('token', 'XXXXXXXXXX');
    xhr.setRequestHeader('dd', 'BBBBBBBBBB');
    xhr.withCredentials = true;
    xhr.onload = function () {
        console.log(xhr.response);
    }
    xhr.onerror = function () {
        console.log('Error: XMLHttpRequest() ... ');
    }
    xhr.send();

后台代码(这里用的是PHP)

<?php
    // 指定允许其他域名访问  
    header('Access-Control-Allow-Origin:http://请求端文件所在域名'); 
    // 响应类型  
    header('Access-Control-Allow-Methods:POST,GET');
    header('Access-Control-Allow-Credentials: true');
    // 允许浏览器自定义的请求header参数
    header('Access-Control-Allow-Headers: token, dd');

    echo 'PHP ajax';
?>

说明:
1、Access-Control-Allow-Origin:设置允许访问的域名
2、Access-Control-Allow-Headers:设置允许请求头自定义字段

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消