gpt4 book ai didi

javascript - 使用 Angular JS for WordPress JSON API 通过 JSON 操作数据

转载 作者:行者123 更新时间:2023-12-03 10:28:25 24 4
gpt4 key购买 nike

我在 this post 中测试了代码并进行了一些修改以供我使用。但我无法从我使用 WordPress JSON 插件生成的博客 API 获取 JSON 对象。

  1. 来自博客的 URL API(不工作):http://teckstack.com/api/get_recent_posts
  2. 来自 W3C 示例的 URL(正在运行):http://www.w3schools.com/website/Customers_JSON.php

当我尝试从我的博客(上面提到的)操作 JSON API 时,我卡住了,并且相同的代码适用于 w3c 示例提供的其他 url?

请提出您的建议。

我在 .html 文件中使用以下代码,而不是在 WordPress 环境中

==== Angular JS 脚本 ====

(function() {
var app = angular.module('tsApp', []);
app.controller('TSController', function($scope, $http) {
$scope.heading = [];
$http({
method: 'GET',
url: 'http://teckstack.com/api/get_recent_posts'
}).success(function(data) {
console.log("pass");
$scope.heading = data; // response data
}).error(function(data) {
console.log("failed");
});
});
})();

==== HTML ====

<html ng-app="tsApp">
<body ng-controller="TSController as tsCtrl">
<article class="main-content" role="main">
<section class="row">
<div class="content">
<div class="name-list">
<h1>Dummy Title</h1>
<ul>{{ 1+1 }} (Testing AJS is working)
<li ng-repeat="title in heading" class="">
<h3>{{title.Name}}</h3>
</li>
</ul>
</div>
</div>
</section>
</article>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>

我在网上检查了所有解决方案后提出这个问题 https://stackoverflow.com/a/26898082/1841647http://www.ivivelabs.com/blog/fix-cross-domain-ajax-request-angularjs-cors/但对我来说没有任何作用。

为了方便起见,创建 JSFiddle: http://jsfiddle.net/236gdLnt/

最佳答案

这是一个跨域问题。您可以通过使用 JSONP 请求来获取第一个 url 数据。 。有 Angular support使用 $http.jsonp 方法:

$http.jsonp('http://teckstack.com/api/get_recent_posts?callback=JSON_CALLBACK')
.success(function (data1) {
console.log("BLOG pass");
$scope.heading1 = data1; // response data
}).error(function (data1) {
console.log("BLOG failed");
});

确保将 callback=JSON_CALLBACK 参数添加到您的网址。

关于javascript - 使用 Angular JS for WordPress JSON API 通过 JSON 操作数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29320899/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com