gpt4 book ai didi

javascript - 如何在输入 AngularJS 时发送 GET 请求?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:54:42 26 4
gpt4 key购买 nike

我是 AngularJS 的新手。

我想对其进行设置,以便在输入时发送 GET 请求,但前提是我在 input 字段中输入的内容至少为三个字符长。

这是index.html:

<html ng-app="myApp">
<div ng-controller="fetchTagsCtrl">
<input type="text" ng-model="userInput.fetchTag" placeholder="Type something">
</div>
</html>

我的Javascript:

var app = angular.module('myApp',[]);
app.controller('fetchTagsCtrl',function($scope){
$scope.userInput = {
fetchTag: ''
};

$http({
url: '/myURL',
method: 'GET',
param: {
someParameter: $scope.userInput
}
}).success(function(response){
console.log(response);
})
});

但这似乎行不通。我该如何解决这个问题?

最佳答案

你必须为此使用 keyup 事件。

<input type="text" ng-model="userInput.fetchTag" ng-keyup="fetchdata()" placeholder="Type something">

在你的 Controller 中:

$scope.fetchdata = function() {
// condition to check for characters greater than 3.
if($scope.userInput.fetchTag.length < 4) return;
$http({
url: '/myURL',
method: 'GET',
params : {
someParameter: $scope.userInput
}
}).success(function(response){
console.log(response);
});
}

同时在您的 Controller 中注入(inject) $http

关于javascript - 如何在输入 AngularJS 时发送 GET 请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29573847/

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