0

入力データを受け取り、腐ったトマト API を呼び出して結果を表示する単純なフォームとスクリプトがあります。使用せず$('#submitid').click(function()、var クエリがハードコードされている場合、結果は正常に表示されます。ただ$('#submitid').click(function() {})alertと併用すると、フォームデータが表示されます。ただし、現状では何も表示されません。どんな助けでも大歓迎です。

<form action="">
    <input  type="text" id='myid' />
    <input value="Search" type="submit" id="submitid" />
</form>

<script>
    $('#submitid').click(function () {
        var query = $('#myid').val();
        var apikey = "my_api_key_sample";
        var baseUrl = "http://api.rottentomatoes.com/api/public/v1.0";

        // construct the uri with our apikey
        var moviesSearchUrl = baseUrl + '/movies.json?apikey=' + apikey;

        $(document).ready(function () {
            // send off the query
            $.ajax({
                url: moviesSearchUrl + '&q=' + encodeURI(query),
                dataType: "jsonp",
                success: searchCallback
            });
        });

        // callback for when we get back the results
        function searchCallback(data) {
            $(document.body).append(
                'Found ' + data.total + ' results for ' + query
            );
            var movies = data.movies;
            $.each(movies, function (index, movie) {
                var mydata += //code for appending my data 
            });

            //displaying mydata on div with id result
            $('#result').html(mydata);
        }
    })
    })
</script>
4

2 に答える 2

1

試す：

HTML:

<form action="" id="someform">
    <input  type="text" id='myid'>
    <input value="Search" type="submit" id="submitid">
</form>

jQuery:

$(document).ready(function() {

    $("#someform").submit(function(){
        $.ajax({
            url: moviesSearchUrl + '&q=' + encodeURI(query),
            dataType: "jsonp",
            success: searchCallback
        });
        return false;
    });

});
于 2013-02-19T01:35:24.987 に答える
0

var mydata += //code for appending my data

実際にこの行を終了するか、完全にコメントアウトする必要があります。また、最後に、どちらが必要なのかが} }) })あります } });。

于 2013-02-19T01:27:54.750 に答える