masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
angular.js - ralat permintaan $http.jsonp
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 17:14:04
0
2
593

Permintaan $http.jsonp angularjs melaporkan ralat, kodnya adalah seperti berikut: 

data = {
    a:A,
    b:B,
    c:C,
}
$http.jsonp('url',data).success(function(res){
    console.log(res);
}).error(function(err){
    console.log(err);//控制台打印fasle
})
并报错:Uncaught SyntaxError: Invalid or Unexpected token  url（请求链接）

Klik pautan ini, dapatkan data, sahkannya dalam pengesahan dalam talian json, dan dapatkan bahawa terdapat pemisah baris dalam medan B, tetapi anda tidak dapat menemui sebarang pemisah baris apabila anda mengaksesnya dalam penyemak imbas menggunakan pautan . Saya menghubungi bahagian belakang, dan bahagian belakang mengatakan bahawa tiada pemisah baris semasa memasuki pangkalan data, dan bahagian hadapan saya tidak dapat mendapatkan data dan tidak dapat memprosesnya Apa lagi yang boleh menjadi sebab untuk situasi ini, dan bagaimana sepatutnya Saya menyelesaikannya

曾经蜡笔没有小新
曾经蜡笔没有小新

membalas semua(2)
仅有的幸福
仅有的幸福2017-05-15 17:16:04 Tingkat 2

Terima kasih atas jemputan saya tidak nampak alamatnya.
Anda boleh membuka https://www.w3schools.com/js/... dalam penyemak imbas, kemudian gunakan alat pembangun untuk melihat panel Rangkaian untuk melihat maklumat HTTP.

Contoh menggunakan objek XMLHttpRequest untuk meminta data

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <title>Angular Repeat-Done Demo</title>
    <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
</head>
<body ng-app="myapp">
<p ng-controller="AppCtrl">
    <h4>Users List</h4>
    <ul>
        <li ng-repeat="member in members">
            <p>
                ID：<span>{{member.id}}</span>
                Name: <span>{{member.login}}</span>
            </p>
        </li>
    </ul>
</p>
<script type="text/javascript">
    var myapp = angular.module("myapp", [])
            .controller("AppCtrl", ['$scope', function ($scope) {
                $scope.getMembers = function () {
                    let MEMBERS_URL = `https://api.github.com/orgs/angular/members?page=1&per_page=5`;
                    let xhr = new XMLHttpRequest();
                    xhr.open("GET", MEMBERS_URL);
                    xhr.onreadystatechange = () => {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            if (xhr.responseText) {
                                try {
                                    // 手动触发脏值监测
                                    $scope.$apply(function() {
                                        // 在转JSON对象前，对xhr.responseText进行数据格式化
                                        $scope.members = JSON.parse(xhr.responseText);
                                    });
                                } catch (error) {
                                    throw error;
                                }
                            }
                        }
                    };
                    xhr.send(null); // (6)
                };

                $scope.getMembers();
            }])
</script>
</body>
</html>
Suka +0
Tambah Balasan
世界只因有你
世界只因有你2017-05-15 17:16:04 Tingkat 1 
$(document).ready(function(){

        $.ajax({
            type: "get",
            async: false,
            url: url,
            dataType: "jsonp",
            jsonp: "callback",
            jsonpCallback:"JSON_CALLBACK",
            success: function(json){
                if (json) {
                    try {
                        // 手动触发脏值监测
                        $scope.$apply(function() {
                            console.log(json);
                        });
                    } catch (error) {
                        throw error;
                    }
                }
            },
            error: function(err){
                console.log(err);
            }
        });

    });
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan