最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Angular實(shí)現(xiàn)跨域(搜索框的下拉列表)

 更新時(shí)間:2017年02月16日 11:30:12   作者:NT.Wang  
angular.js 自帶jsonp,實(shí)現(xiàn)跨域,下面來(lái)實(shí)現(xiàn)搜索框的下拉列表功能,本文思路明確,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧

angular.js 自帶jsonp,實(shí)現(xiàn)跨域,下面來(lái)實(shí)現(xiàn)搜索框的下拉列表,使用百度和360分別嘗試一下

百度:url截取之后紅色部分需替換 :https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=數(shù)據(jù)&cb=JSON_CALLBACK

360:https://sug.so.#/suggest?callback=JSON_CALLBACK&word=數(shù)據(jù)

注意:需要在服務(wù)器環(huán)境下運(yùn)行

思路:

  1 .聲明 angular

  2 .控制器函數(shù)中調(diào)用$http服務(wù),用來(lái)讀取web服務(wù)器上的數(shù)據(jù)

  3 .綁定數(shù)據(jù)$scope.data=[] 用來(lái)存放返回的數(shù)據(jù)

  4 .綁定函數(shù)$scope.show=function(){} ,在keyup的時(shí)候執(zhí)行

  5 .調(diào)用$http.jsonp(url)

  6 .返回結(jié)果賦值給$scope.data ,$scope.data=data.s;

下面代碼

<!doctype html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<style>
</style>
<script src="angular.js"></script>
<script>
var app=angular.module('app',[]); //聲明
app.controller('test',function ($scope,$http){ // $http 是一個(gè)用于讀取web服務(wù)器上數(shù)據(jù)的服務(wù)。
  $scope.data=[]; // 綁定數(shù)據(jù)
  $scope.show=function (){
    // $http.jsonp(url) 是用于讀取服務(wù)器數(shù)據(jù)的函數(shù)。
    $http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+$scope.t1+'&cb=JSON_CALLBACK').success(function (data){
      //返回的結(jié)果賦值給$scope.data
      $scope.data=data.s;
    });
  };
});
</script>
</head>
<body ng-controller="test">
  <div>
    <!-- 輸入內(nèi)容綁定為t1 ,ng-keyup="show()" -->
    <input type="text" ng-model="t1" ng-keyup="show()" />
  </div>
  <ul>
    <!-- 數(shù)據(jù)展示 -->
    <li ng-repeat="item in data">{{item}}</li>
  </ul>
</body>
</html>

以上所述是小編給大家介紹的Angular實(shí)現(xiàn)跨域(搜索框的下拉列表),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論

铜山县| 巴林左旗| 永宁县| 黔南| 应用必备| 庄河市| 紫阳县| 克拉玛依市| 尖扎县| 内黄县| 赣榆县| 大名县| 筠连县| 蕲春县| 调兵山市| 奉新县| 彰化市| 密山市| 黄梅县| 武定县| 扎囊县| 布拖县| 浏阳市| 柘荣县| 定南县| 靖安县| 常州市| 林甸县| 阜城县| 江津市| 微山县| 眉山市| 沁水县| 洛阳市| 团风县| 阿勒泰市| 枣阳市| 即墨市| 邹城市| 得荣县| 韶山市|