jQuery send HTML data through POST

Question

I am using jQuery to make a POST to a PHP file with the HTML content of a div  The HTML content contain tables  inputs  smaller divs and I would like to grab the content of the main DIV and send it to the database  The only option I could think of is the POST method but I don t know if I can send plain HTML with it  Are there any other options for sending HTML content from a div to a PHP file to be inserted into MySQL    Thanks   EDIT  I am now able to send full HTML data with jQuery s POST  However  my HTML characters from that DIV gets transformed into special characters  Example    gt   would become   amp gt   and when that happens  my POST data is limited to where the first special character appears because I do my ajax POST like this   var data    id    currid    amp html    div html         ajax             type   POST             url   file php             data  data                                                            Using this code is not ok because div html contains other   amp   characters so it would be considered as another POST parameter to be sent   Any workarounds    Thanks again

User · Answer

I don t see why you shouldn t be able to send html content via a post   if you encounter any issues  you could perhaps use some kind of encoding   decoding - but I don t see that you will

User · Answer

If you want to send an arbitrary amount of data to your server  POST is the only reliable method to do that  GET would also be possible but clients and servers allow just a limited URL length  something like 2048 characters

User · Answer

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   lt html gt      lt head gt       lt title gt runthis lt  title gt       lt script type  text javascript  language  javascript  src  jquery-1 3 2 js  gt  lt  script gt       lt script type  text javascript  gt            document  ready  function                 var x       foo   html                alert  typeof x                      lt  script gt       lt  head gt       lt body gt           lt div id  foo  gt  lt table gt  lt tr gt  lt td gt x lt  td gt  lt  tr gt  lt  table gt  lt span gt xyz lt  span gt  lt  div gt       lt  body gt   lt  html gt    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     amp html    escape div html

User · Answer

x000D   x000D  jQuery post post url   content   John      x000D    done function  data     x000D      x000D      x000D       x000D    x000D   x000D   x000D    I used the technique what u have replied above  it works fine but my problem is i need to generate a pdf conent using john as text   I have been able to echo the passed data  but getting empty in when generating pdf uisng below content  ples check    x000D   x000D  ob start    x000D           x000D     include once JPATH SITE    components com gaevents pdfgenerator php    x000D      content   ob get clean    x000D      x000D     x000D     x000D       test     SESSION  content     x000D     x000D     require once JPATH SITE   html2pdf html2pdf class php    x000D               html2pdf   new HTML2PDF  P    A4    en   true   UTF-8  0       x000D       html2pdf- gt setDefaultFont  Arial    x000D       html2pdf- gt WriteHTML  test   x000D   x000D   x000D

[jquery] jQuery send HTML data through POST

Examples related to jquery

Examples related to ajax

Examples related to encoding