jquery - Make an AJAX call in the next page -
i have scenario below:
from home page, have search box in when user enter query , hits search button, form submitted , new page opened search query parameter of new page, requirement such have make ajax call in newly opened page based on query parameter in url problem such when new page opened, gets refreshed , data not returned, have tried "return false" work on same page.
how pass data such when new page opened, should make ajax call.
below code have written:
$(document).ready(function(){ var querystring = new array(); if (querystring.length == 0) { if (window.location.search.split('?').length > 1) { var params = window.location.search.split('?')[1].split('&'); (var = 0; < params.length; i++) { var key = params[i].split('=')[0]; var value = decodeuricomponent(params[i].split('=')[1]); querystring[key] = value; } } } if (querystring["q"] != null) { var searchquery = "<b>search results for:</b> " + querystring["q"] + "<br><br>"; $("#lbldata").html(searchquery); } $('#search-button').click(function(){ var queryvalue = querystring["q"]; $('#search_results').hide(); $.getjson( "${kb_endpoint_url}", { search_query : queryvalue } ) .done(function( data ) { console.log("success"); (var = 0, len = data.response.docs.length; < len; i++) { var title = data.response.docs[i].title; var summary = data.response.docs[i].sectionid; $('#search_results').html('<a href="'#'">'+title +'::'+ summary+'</a>'); } }) .done(function() { console.log("second success"); }) .fail(function() { console.log("error"); }) .always(function() { console.log("finished"); $('#search_results').show(); }); return false; }); });
Comments
Post a Comment