Parsing returned HTML from jQuery AJAX request

by

Your code works fine. You just aren’t using jsFiddle’s API correctly. Check the docs for /echo/html/ (http://doc.jsfiddle.net/use/echo.html#html):

URL: /echo/html/

Data has to be provided via POST

So, you need to update your AJAX call to use POST. Also the trailing slash is needed.

$(function () {
    $.ajax({
        url: "/echo/html/",
        type: "post",
        dataType: "html",
        success: function (data) {
            $('#data').text(data);
            $('#wtf').html($(data).find('#link').text());
        },
        data: {
            html: '<!DOCTYPE html><head><title><\/title><link href="../css/popup.css" rel="stylesheet" /><\/head><body><ul><li><a id="link">content<\/a><\/li><\/ul><\/body><\/html>'
        }
    });
});

DEMO: http://jsfiddle.net/hcrM8/6/

More Related Contents:

  1. How to send data to the server via Ajax?
  2. HTML: how refresh information in [closed]
  3. How to make page loaders/animations/transitions
  4. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  5. Refresh/reload the content in Div using jquery/ajax
  6. Set timeout for ajax (jQuery)
  7. Using HTML5 file uploads with AJAX and jQuery
  8. Prevent Page Load on Jquery Form Submit with None Display Button
  9. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  10. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  11. How to bind Events on Ajax loaded Content?
  12. jquery submit form and then show results in an existing div
  13. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  14. How do I abort image load requests without using window.stop()
  15. how to assign javascript variable value to php variable
  16. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  17. How to replace html element with ajax response?
  18. How to change URL in browser without navigating away from page?
  19. How can I get all a form’s values that would be submitted without submitting [duplicate]
  20. When loading an html page via ajax, will script tags be loaded?
  21. how to use jQuery ajax calls with node.js
  22. jQuery DataTables “No Data Available in Table”
  23. Twitter-style autocomplete in textarea
  24. Scrolling Overflowed DIVs with JavaScript
  25. jquery ajax parse response text
  26. How to replace the entire html webpage with ajax response?
  27. Post data to JsonP
  28. Make function wait until element exists
  29. Fill available spaces between labels with dots or hyphens
  30. open dropdown list from javascript function [duplicate]

Leave a Comment