jQuery send HTML data through POST

by

As far as you’re concerned once you’ve “pulled out” the contents with something like .html() it’s just a string. You can test that with

<html> 
  <head>
    <title>runthis</title>
    <script type="text/javascript" language="javascript" src="https://stackoverflow.com/questions/1078909/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready( function() {
            var x = $("#foo").html();
            alert( typeof(x) );
        });
    </script>
    </head>
    <body>
        <div id="foo"><table><tr><td>x</td></tr></table><span>xyz</span></div>
    </body>
</html>

The alert text is string. As long as you don’t pass it to a parser there’s no magic about it, it’s a string like any other string.
There’s nothing that hinders you from using .post() to send this string back to the server.

edit: Don’t pass a string as the parameter data to .post() but an object, like

var data = {
  id: currid,
  html: div_html
};
$.post("http://...", data, ...);

jquery will handle the encoding of the parameters.
If you (for whatever reason) want to keep your string you have to encode the values with something like escape().

var data="id="+ escape(currid) +'&html="+ escape(div_html);

More Related Contents:

  1. Determine if $.ajax error is a timeout
  2. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  3. Pass array to ajax request in $.ajax() [duplicate]
  4. Pass request headers in a jQuery AJAX GET call
  5. TypeError: $.ajax(…) is not a function?
  6. jQuery loop over JSON result from AJAX Success?
  7. Jquery – How to make $.post() use contentType=application/json?
  8. Calling a ‘WebMethod’ with jQuery in ASP.NET WebForms
  9. jQuery posting valid json in request body
  10. Update div with jQuery ajax response html
  11. Codeigniter session bugging out with ajax calls
  12. Use ASP.NET MVC validation with jquery ajax?
  13. jQuery AJAX calls in for loop [duplicate]
  14. How do I know if jQuery has an Ajax request pending?
  15. How do I get the HTTP status code with jQuery?
  16. Django JQuery Ajax File Upload
  17. Synchronous XMLHttpRequest warning and
  18. File Upload via AJAX within JQuery
  19. Reload table data in Django without refreshing the page
  20. How to Call Controller Actions using JQuery in ASP.NET MVC
  21. What does autocomplete request/server response look like?
  22. jQuery add CSRF token to all $.post() requests’ data
  23. Google Map v3 auto refresh Markers only
  24. Ajax call to download file returned from RESTful service
  25. jQuery – How to PUT JSON via Ajax?
  26. JSON parsing error syntax error unexpected end of input
  27. What HTTP status codes count as success in jQuery.ajax?
  28. handle ajax error when a user clicks refresh
  29. Preventing “SCRIPT5: Access is denied” error in IE
  30. Rails accepts_nested_attributes_for with f.fields_for and AJAX

Leave a Comment