Update div with jQuery ajax response html

by

You are setting the html of #showresults of whatever data is, and then replacing it with itself, which doesn’t make much sense ?
I’m guessing you where really trying to find #showresults in the returned data, and then update the #showresults element in the DOM with the html from the one from the ajax call :

$('#submitform').click(function () {
    $.ajax({
        url: "getinfo.asp",
        data: {
            txtsearch: $('#appendedInputButton').val()
        },
        type: "GET",
        dataType: "html",
        success: function (data) {
            var result = $('<div />').append(data).find('#showresults').html();
            $('#showresults').html(result);
        },
        error: function (xhr, status) {
            alert("Sorry, there was a problem!");
        },
        complete: function (xhr, status) {
            //$('#showresults').slideDown('slow')
        }
    });
});

More Related Contents:

  1. Multiple input validation
  2. Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
  3. jQuery doesn’t work after content is loaded via AJAX
  4. How to fire AJAX request Periodically?
  5. jQuery.ajax() method’s async option deprecated, what now?
  6. Submit form using AJAX and jQuery
  7. how to access the $(this) inside ajax success callback function
  8. Rotating a Div Element in jQuery
  9. Google Chart draw Trendlines with date on x axis
  10. How do I POST with jQuery/Ajax in Django?
  11. jQuery Form Validation before Ajax submit
  12. jQuery: Load Modal Dialog Contents via Ajax
  13. Detecting a redirect in ajax request?
  14. Use success() or complete() in AJAX call
  15. What are the drawbacks of using synchronous ajax call?
  16. Can onprogress functionality be added to jQuery.ajax() by using xhrFields?
  17. how can I use data posted from ajax in flask?
  18. How to return an object from a Spring MVC controller in response to AJAX request?
  19. jQuery Ajax request every 30 seconds
  20. jQuery Ajax returning 404 Error, but correct Response
  21. Ajax Form submit with preventDefault
  22. HTML5 validation before ajax submit
  23. Accessing web Service from jQuery – cross domain
  24. jQuery validator plugin + ajax submitting not working
  25. Simple jQuery Ajax call leaks memory in Internet Explorer
  26. JQuery .load() callback function
  27. jQuery AJAX call results in error status 403
  28. Using jQuery’s $.ajax within an angularJS controller
  29. jQuery Deferred – getting result of chained ajax calls
  30. Stop $.ajax on beforeSend

Leave a Comment