柳暗花明笔记

    php jquery jsonp 简单例子,备用

    所属分类:[ php&web ] 猫哲学家 发表于:2014-08-06 12:23 浏览:594

    假设现在要在www.test1.com这个域名下,取www.test2.com域名下的资源,如果只是ajax,会报错:
    XMLHttpRequest cannot load http://www.test2.com/ajax.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.test1.com' is therefore not allowed access.

    但用jsonp写法却是没问题的:
    www.test1.com 域名下
    的index.php是这样写的:
    <script type="text/javascript" src="./jquery-2.1.0.min.js"></script>
    <?php echo 'test1' ?>
    <div id="div1">init</div>

    <script type="text/javascript">

    $(document).ready(function() {

    $.ajax({
    url:"http://www.test2.com/ajax.php",
    type:'GET',
    dataType: 'jsonp',
    jsonpCallback: 'callback',
    success: function(returndata){
    console.log(returndata);
    if (returndata.mess != ''){
    $("#div1").html(returndata.mess);
    }
    }
    });

    });

    </script>

     

    www.test2.com域名下的 ajax.php 这样写即可:

    <?php
    $a = array('status' => 1, 'mess' => 'Yes22');
    die('callback('.json_encode($a).')');
    ?>

    标签: javascript  php 
    上一编文章 民间童谣 下一编文章 在家休假偶得一小菜
    最近文章
    发表评论