鍍金池/ 問(wèn)答/HTML5  HTML/ 最近使用圖靈機(jī)器人在angularjs的$http請(qǐng)求會(huì)報(bào)錯(cuò),但是用原生jque

最近使用圖靈機(jī)器人在angularjs的$http請(qǐng)求會(huì)報(bào)錯(cuò),但是用原生jquery卻不報(bào)錯(cuò)

最近使用圖靈機(jī)器人時(shí)候用原生的ajax調(diào)用圖靈機(jī)器人接口會(huì)正常返回json但是用$http卻不可以

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/angular.js"></script>
    <script>
        angular.module('hd'[]).controller('ctrl'['$scope','$http',function ($scope,$http) {
            $scope.info ="";
            $scope.dialogArray = [];
            $scope.send1 = function(){
                $scope.dialogArray.push($scope.info);
                var infoValue = $scope.info;
                $scope.info ="";
                $.ajax({
                    //url:'http://openapi.tuling123.com/openapi/api/v2',
                    url:'http://www.tuling123.com/openapi/api',
                    type:'post',
                    data:{
                        "key": "af93acfdd4f8461d902638e3c2e75c91",
                        "info": infoValue,
                        //"loc":"北京市中關(guān)村",
                        "userid":"123456"
                    },
                    success:function(data){
                        console.log(data);
                        $scope.dialogArray.push(data.text);
                        console.log($scope.dialogArray);
                    }
                });
            };
            $scope.send =function(){
                $scope.dialogArray.push($scope.info);
                var infoValue = $scope.info;
                $scope.info ="";
                $scope.dataValue = {
                    "key": "af93acfdd4f8461d902638e3c2e75c91",
                    "info": infoValue,
                    //"loc":"北京市中關(guān)村",
                    "userid":"123456"
                };
                                $http.post('http://www.tuling123.com/openapi/api',angular.toJson($scope.dataValue),"").then(function(data){
             console.log(data);
                        $scope.dialogArray.push(data.text);
                    });
            }
        }]);
    </script>
    <title>圖靈機(jī)器人</title>
</head>
<body ng-app="hd" ng-controller="ctrl">
    <div id="up">
        <div ng-repeat="item in dialogArray">
            {{item}}
        </div>
    </div>
    <textarea id="info" ng-model="info"></textarea>
    <div style="text-align: right;">
        <button ng-click="send()">發(fā)送</button>
    </div>
</body>
</html>
<style>
    #up{
        width: 100%;
        height: 400px;
        border: 1px solid #2C2C2C;
        margin: 10px 0px;
    }

    #info{
        width: 100%;
        height: 80px;
        border: 1px solid #2C2C2C;
        margin: 10px 0px;
    }

</style>

當(dāng)調(diào)用send1是可以返回的但是調(diào)用send會(huì)報(bào)錯(cuò)誤
圖片描述

有人網(wǎng)上說(shuō)是json跨域限制問(wèn)題,但是我想說(shuō)同樣的ajax為什么原生的可以而angularjs的不可以 圖靈服務(wù)器也不支持jsonp

回答
編輯回答
孤星

jquery 和 angular 的ajax請(qǐng)求上還是存在差異的

http://victorblog.com/2012/12...

提到在客戶端改變angularJS默認(rèn)傳輸格式為Content-Type: x-www-form-urlencoded。

2017年11月10日 19:59