Ajax中jsonp原理

最新推荐文章于 2024-04-09 10:00:00 发布

chuansheng8940

最新推荐文章于 2024-04-09 10:00:00 发布

阅读量101

点赞数

文章标签： php 前端开发工具 ViewUI

原文链接：https://my.oschina.net/strip/blog/737780

版权

前端：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function fn1(data) {
            var oUl1 = document.getElementById('ul1');

            var html = '';
            for(var i=0; i <data.length; i++){
                html += '<li>'+data[i]+'</li>';
            }
            oUl1.innerHTML = html;
        }
        function fn2(data) {
            var oUl1 = document.getElementById('ul2');

            var html = '';
            for(var i=0; i <data.length; i++){
                html += '<li>'+data[i]+'</li>';
            }
            oUl1.innerHTML = html;
        }
    </script>
    <script>
        window.onload = function () {
            var oBtn1 = document.getElementById('btn1');
            oBtn1.onclick = function () {

                var oScript = document.createElement('script');
                oScript.src = 'getData.php';
                document.body.appendChild(oScript);
            };
            var oBtn2 = document.getElementById('btn2');
            oBtn2.onclick = function () {

                var oScript = document.createElement('script');
                oScript.src = 'getData.php?t=str';
                document.body.appendChild(oScript);
            }
        }
    </script>
</head>
<body>
<input type="button" value="按钮1" id="btn1">
<input type="button" value="按钮2" id="btn2">
<ul id="ul1"></ul>
<ul id="ul2"></ul>
搜狐天气api(http://php.weather.sina.com.cn/xml.php?city=%B1%B1%BE%A9&password=DJOYnieT8234jlsK&day=0)。
</body>
</html>

后台：

<?php
/**
 * Created by PhpStorm.
 * User: Strip
 * Date: 2016/8/25
 * Time: 15:07
 */
$t = isset($_GET['t']) ? $_GET['t'] : 'num';
$arr1 = array('1111111111','222222','2222233','3333333','44444','44455555');
$arr2 = array('aaaaaaaa','cccccc','bbbbbbbb','dddddd','eeeee','ffffffffff');
if ($t == 'num'){
    $data = json_encode($arr1);
    echo 'fn1('.$data.');';
}else{
    $data = json_encode($arr2);
    echo 'fn2('.$data.');';
}

转载于:https://my.oschina.net/strip/blog/737780