gpt4 book ai didi

javascript - 这个函数什么时候获取这个参数?

转载 作者:行者123 更新时间:2023-11-28 19:35:34 26 4
gpt4 key购买 nike

我正在检查一段代码,其目的是打印电影列表:

HTML 代码

<h1>My new Website</h1>
<form action="formHandler.php" method="GET" id="movieSearchForm">
<input name="query" type="search" id="search" placeholder="Find a Movie">
<button>
Search
</button>
</form>
<div id="resultList"></div>
<div id="movieList"></div>

事件处理程序

$('#movieSearchForm').on('submit', function (event) {
event.preventDefault();
var movieTitle = $('#movieSearchForm input').val();

requestApi(movieTitle, myApp);
});

API VAR

var apiUrl = 'http://api.rottentomatoes.com/api/public/v1.0/movies.json?apikey=j23zuzdpapq9ny3watvc9kja';¬

请求API

var requestApi = function (query, callback) {
$.ajax({
url: apiUrl,
data: {
q: query
},
dataType: 'jsonp'
}).success(callback);
}

我的应用程序功能

var myApp = function (response) {
var movieListData = response.movies;

var movieList = movieListData.map(function (movieItem) {
return itemHtml(movieItem.posters.thumbnail, movieItem.title);
});

$('#movieList').get(0).innerHTML = [
'<ul>',
movieList.join(''),
'</ul>'
].join('');
};

因此,requestApi 获取所需的电影列表,myApp 对其进行格式化并将其插入网络中。我不明白的是 myApp 如何获取 response 参数。任何想法?还有一个问题,如果我想让 myApp 获得两个参数,我应该改变什么?:

最佳答案

response 由 jQuery 提供:api.jquery.com/jQuery.ajax - 向下滚动到“成功”,它表示您得到 Function( PlainObject data, String textStatus, jqXHR jqXHR ) - 这是一个函数,它获取一个对象作为其第一个参数,一个字符串作为第二个参数,xhr 对象作为第三个参数。

要使回调接受 2 个参数,您可以这样做:

$('#movieSearchForm').on('submit', function (event) {
event.preventDefault();
var movieTitle = $('#movieSearchForm input').val();

requestApi(movieTitle, function(response) { myApp(response, anotherParam, yetAnotherParam); });
});

然后只需更新 myApp 以期待它们:

function myApp(response, aParam, bParam) {

关于javascript - 这个函数什么时候获取这个参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25974517/

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