Как я могу перенаправить на следующую страницу результатов поиска, используя ajax в javascript - PullRequest
0 голосов
/ 21 сентября 2018

Я использую следующую функцию для получения результата поиска.Поиск, который является частью '$ form', работает и возвращает результат, но часть, которая использует '$ anchor', не получает URL и не перемещается на следующую страницу. Кто-нибудь может помочь, как правильно получить URL.Или, точнее, поврежденная часть, по крайней мере, до этого момента, это «url: $ anchor.attr (« href »),« После отладки я вижу, что URL остается неопознанным.

$(function () {
    var MovieFormSubmit = function () {
        //Grab the refernce of the form
        var $form = $(this);

        //Build the options object
        var options =
            {
                url: $form.attr("action"),
                type: $form.attr("method"),
                data: $form.serialize()
            };

        $.ajax(options).done(function (data) {
            var target = $($form.attr("data-movie-target"));
            target.replaceWith(data);
        });

        //To prevent the browser from doing it's defualt action means navigating
        //away and redrawing the complete page
        return false;
    };

    var fetchPage = function () {
        //Get the anchor tag that user clicked on
        var $anchor = $(this);

        //Extract values like Href attributes which is in the anchor tag http://localhost:1430/
        var options = {
            url: $anchor.attr("href"), 
            data: $("form").serialize(),
            type: "get"
        }

        //make the ajax request with options object, when the data retrieved successfully,
        //go and find out the target and then replace the target with the fetched one
        $.ajax(options).done(function (data) {
            var target = $anchor.parents("div.pagedList").attr("data-movie-target");
            $(target).replaceWith(data);
        });
        return false;
    };

    //Look for Form with the name "data-movie-ajax", then wire up the submit event.
    $("form[data-movie-ajax='true']").submit(MovieFormSubmit);

    //Find the main-content and wire up the click event then filter these events based on ".pagedList a"
    //then call the method fetchPage
    $('#body').on("click", 'li', fetchPage);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...