美文网首页
AJAX跨域

AJAX跨域

作者: 軍_ | 来源:发表于2017-03-28 10:44 被阅读8次

客户端JS

var xhrurl = 'http://localhost:8001/ajax/index.php';
$.ajax({
    type: "get",
    async: false,
    url: xhrurl,
    cache: false,
    dataType: "jsonp",
    jsonp: "callbackparam",
    jsonpCallback: "success_jsonpCallback",
    success: function(json) {
        alert(json[0].name);
    },
    error: function(e) {
        alert("error");
    }
});

服务器

<?php
$str = $_GET['callbackparam'];
$data = [
    'status' => 1,
    'msg' => 'ok'
];
echo $str . '(' . json_encode($data) . ')';

PS:客户端中的jsonp参数值是作为jsonpCallback参数值的键值,通过url来传递jsonCallback参数值到服务器,例如:
http://localhost:8001/ajax/index.php?callbackparam=success_jsonpCallback
,服务器必须接收到此jsonCallback值后,将需要返回的json用与此值拼接,后返回给客户端,不然客户端会发出警告:
Resource interpreted as Script but transferred with MIME type text/plain:
却看不到success定义的函数执行。

相关文章

  • 解决ajax跨域问题

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

  • 前端跨域

    什么是ajax跨域 ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的“同源策略”,可以参...

  • 跨域

    跨域:ajax 不能跨域img css script 标签 可以跨域例如:《img src="images/...

  • Http浅析【2】——ajax跨域问题

    视频参考:ajax跨域完全讲解 本文精华版:【综合】ajax跨域问题 什么是跨域问题 简单来讲,当前台调用后台,如...

  • 交互那些事(二)

    说完ajax我想必须说说jsonp了,谈到jsonp就必须先说说跨域,首先ajax是不能跨域的,除非后台允许跨域或...

  • ajax跨域请求

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

  • 珠峰 AJAX --- JSONP跨域

    珠峰 AJAX --- JSONP跨域AJAX(异步 javascript and XMLHTTPReq...

  • ajax

    ajax 跨域 跨域:http 协议 域名 端口 三者只要有一个不同,就是跨域 服务端解决跨域: res.setH...

  • AJAX跨域完全讲解

    AJAX跨域完全讲解 今天在慕课网上学习了AJAX跨域完全讲解:https://www.imooc.com/lea...

  • AJAX

    题目 手写一个ajax 跨域的常用实现方式 知识点 XMLHttpRequest 状态码 跨域:同源策略,跨域解决...

网友评论

      本文标题:AJAX跨域

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