1

我正在使用角度 1.0.7

这是我的 HTML：

<section id="mcslsearch" ng-controller="McslSearchCtrl">
        <div id="search_wrapper">
            <form role="search" id="search_form" ng-submit "performSearch()">
                <input type="text" placeholder="Search For A Style Of Music" ng-model="search" value="" name="search" id="search_text">
                <button class="icon" id="search"></button>
                <div class="icon" id="search_hover"></div>
            </form>
        </div>
</section>

和我的js代码：

McslApp.controller('McslSearchCtrl', function McslSearchCtrl($scope, $http) {

$scope.search = '';

$scope.performSearch = function () {

    var search = $scope.search,
        url = "a_http://blabla_that_returns_JSON",

        $http({method: 'GET', url: url}).
            success(function(data, status) {
                alert("good");
            }).
            error(function(data, status) {
                alert("bad status = "+status);
            });
};
});

McslApp 是包含所有内容的应用程序（在标签中）。

有人看到这里有什么问题吗？我也尝试了快捷版本，不是更好。警报“错误状态 = 0”。这是我使用 ng-submit 的事实吗？

这对我来说似乎与http://docs.angularjs.org/api/ng .$http#methods_get 非常相似......欢迎任何建议！我已经坚持了一个小时......

编辑：

所以显然表单位不是我想要的，所以我在 HTML 中尝试了这个：

<section id="mcslsearch" ng-controller="McslSearchCtrl">
                    <div id="search_wrapper">
                        <input type="text" placeholder="Search For A Style Of Music" ng-model="search" value="" name="search" id="search_text">
                        <button ng-click="performSearch()" class="icon" id="search"></button>
                        <div class="icon" id="search_hover"></div>
                    </div>
    </section>

用 ng-click 但同样的问题。调用 JS 代码但返回状态 0 =(

4

1 回答 1

1

您没有取消表单提交。状态为零是由于表单提交而重新加载页面。

于 2013-11-11T23:55:13.053 回答