angularjs http獲取請求faild加載網址
[英]angularjs http get request faild loading url
問題描述
我有簡單的角度代碼從URL讀取json api： http ：//sepehr360.com/Flight/FlightSearchGrouped?str = {％22Browser％22：％22TestAndroid％22，％22CookieGuid％22：％22％22，％22CredentialPassword％ 22：％22％22％22CredentialUserName％22：％22％22％22CurencyType％22：％22IRR％22％22CurrentUICulture％22：％22FA-IR％22％22From％22：％22SYZ％22％ 22IntervalDay％22：0，％22IsCancelAvail％22：假，％22IsDirectContract％22：假，％22IsFlightContinuous％22：假，％22IsLogin％22：真，％22IsOnlineSupport％22：假，％22IsTour％22：假，％22Language ％22：％22FA％22％22PageSize％22：10，％22Passenger％22：％22％22％22PassengerItem％22：％22％22％22RecordId％22：1，％22SortOrder％22：1，％ 22StartDate％22：％3分之221396/ 15％22％22To％22：％22IKA，THR％22％22UserHostAddress％22：％22％22％22UserInfoId％22：％22％22％22UserName％22： ％22Mobile360％22％22getTwoWay％22：假}
當我通過瀏覽器得到這個URL它的工作並給出json數據，我使用這個角度代碼來讀取該URL
/** * Created by ZeroL on 27/05/2017. */ var myApp = angular.module('myApp',[]); myApp.controller('myController' ,function($scope,$http){ }} var $seplink = "sepehr360.com/Flight/FlightSearchGrouped?str={"Browser":"TestAndroid","CookieGuid":"","CredentialPassword":"","CredentialUserName":"","CurencyType":"IRR","CurrentUICulture":"fa-ir","From":"SYZ","IntervalDay":0,"IsCancelAvail":false,"IsDirectContract":false,"IsFlightContinuous":false,"IsLogin":true,"IsOnlineSupport":false,"IsTour":false,"Language":"fa","PageSize":10,"Passenger":"","PassengerItem":"","RecordId":1,"SortOrder":1,"StartDate":"1396/3/15","To":"IKA,THR","UserHostAddress":"","UserInfoId":"","UserName":"Mobile360","getTwoWay":false}"; var $seplink1 = "data.json"; $http.get($seplink) .success(function(response){ $scope.myData = response; } ); });
<html> <head> <script src="angular.min.js"></script> <script src="js.js"></script> </head> <body ng-app="myApp" ng-controller="myController"> Search : <input title="search" type="text" value="" ng-model="search"/> <table border=1> <tr ng-repeat="data in myData.FlightList"> <td><img src="http://sepehr360.ir/{{data.AirLineImage}}" alt="ar"></td> <td>{{data.AirLineTitle}}</td> <td>{{data.FormatedPrice}}</td> <td> <a href="http://sepehr360.com{{data.FlightItems[0].FlightInfo.AgencyAddress}}">get this thicket</a> </td> </tr> </table> </body> </html>
並且我看到沒有訪問信息的結果，但我嘗試將url數據保存到本地的data.js並且代碼工作得非常好請幫我從這個url中讀取json數據用http謝謝
3 個解決方案
解決方案1
0 2017-05-31 15:19:41
您是否嘗試在JSON對象上使用JSON.stringify，然后將其連接到URL？
像這樣：
var $seplink = "simpleUrl";
var $jsonObject = JSON.stringify(jsonObject);
var URL = $sepLink + $jsonObject;
$http.get($seplink)
.success(function(response){
$scope.myData = response;
}
另外，您是否可以添加有關您遇到的錯誤的信息？
解決方案2
0 2017-05-31 15:27:28
您的字符串文字無效
"sepehr360.com/Flight/FlightSearchGrouped?str={"Browser":"TestAndroid","CookieGuid":"","CredentialPassword":"","CredentialUserName":"","CurencyType":"IRR","CurrentUICulture":"fa-ir","From":"SYZ","IntervalDay":0,"IsCancelAvail":false,"IsDirectContract":false,"IsFlightContinuous":false,"IsLogin":true,"IsOnlineSupport":false,"IsTour":false,"Language":"fa","PageSize":10,"Passenger":"","PassengerItem":"","RecordId":1,"SortOrder":1,"StartDate":"1396/3/15","To":"IKA,THR","UserHostAddress":"","UserInfoId":"","UserName":"Mobile360","getTwoWay":false}"
您需要使用單引號（ ' ）來封裝文字：
'sepehr360.com/Flight/FlightSearchGrouped?str={"Browser":"TestAndroid","CookieGuid":"","CredentialPassword":"","CredentialUserName":"","CurencyType":"IRR","CurrentUICulture":"fa-ir","From":"SYZ","IntervalDay":0,"IsCancelAvail":false,"IsDirectContract":false,"IsFlightContinuous":false,"IsLogin":true,"IsOnlineSupport":false,"IsTour":false,"Language":"fa","PageSize":10,"Passenger":"","PassengerItem":"","RecordId":1,"SortOrder":1,"StartDate":"1396/3/15","To":"IKA,THR","UserHostAddress":"","UserInfoId":"","UserName":"Mobile360","getTwoWay":false}'
或者轉義出現在字符串中的雙引號（ " ）
"sepehr360.com/Flight/FlightSearchGrouped?str={\"Browser\":\"TestAndroid\"......"
此外，您發布的JavaScript代碼無效。 在控制器聲明之后，您有兩個結束的大括號（ }} ）字符不合適。
解決方案3
0 2017-05-31 16:35:57
您需要存儲包含服務器返回的實際數據的響應數據。
$scope.myData = response.data
如何在angularjs $ http請求中獲取請求URL
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.