angular 百度下拉 jsonp 请求

发布时间：2020-12-17 09:50:51 所属栏目：安全来源：网络整理

导读：!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title百度下拉jsonp/title/headscript src="//cdn.bootcss.com/angular.js/1.5.8/angular.js" type="text/javascript" charset="utf-8"/scriptbody ng-app="dropBox"div ng-controller="drop"input type="text" ng

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>百度下拉jsonp</title>
	</head>
	<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.js" type="text/javascript" charset="utf-8"></script>
	<body ng-app="dropBox">
		<div ng-controller="drop">
			<input type="text" ng-model="str"/>
			<ul>
				<li ng-repeat="lists in contentLists">{{lists}}</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript">
		var app = angular.module( 'dropBox',[] );
		app.controller( 'drop',function ($scope,$http){
			$scope.str = "";
			$scope.contentLists = [];
			$scope.$watch( 'str',function(){
				$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',{params : { 
					wd : $scope.str,cb : 'JSON_CALLBACK'
				}}).success(function(response){
					$scope.contentLists = response.s;
				}).error(function (){
					alert('操作失败！')
				});
			});
		});
	</script>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!