I was in a pickle not to long ago and i wanted to simply take my html table and create a pdf out of it. In this first tutorial ill show you how to take the JSON and posted to a web page. Then from there you would be able to read that JSON using \u00a0a nifty library called JSON.net . \u00a0So\u00a0without further ado lets get the show started. First things first \u00a0create your JSON perhaps your JSON might look something like this.<\/p>\n
{"w_vendor":["914115361","914115361","914115361","914115361"]}<\/pre>\nWell from here we need to figuered out how to post this to an asp.net page that would render the PDF for us. I thought and thought about this and decided well a web service would just not cut it so lets post the data over to another page using good old fashion Javacript.
\nLets see what that might look like.<\/p>\n
<\/p>\n
function GetTableValuesAndPost()\n {\n try {\n\n var tableValues = JSON.stringify({ w_vendor: w_vendor });\n\n\t\t\t\/\/create a form.\n var CreateForm = document.createElement('form');\n\t\t \/\/create attributes on the \tform.\n\t\t CreateForm.setAttribute('method', 'post');\n CreateForm.setAttribute('target', '_blank');\n CreateForm.setAttribute('name', 'pdfgetter');\n CreateForm.setAttribute('id', 'pdfgetter');\n \/\/ set the posting action to the page im going to post to \n\t\t\t\/\/ in this case i called the page PDFcreator.aspx\n\t\t\tCreateForm.action = ".\/PDFcreator.aspx";\n\n\t\t\t\/\/create an input element and assign its value to JSON.\n\t\t\tvar Fld2 = document.createElement('input');\n Fld2.setAttribute('type', 'hidden');\n Fld2.setAttribute('name', 'pdfvalue');\n Fld2.setAttribute('value',(tableValues));\n CreateForm.appendChild(Fld2);\n document.body.appendChild(CreateForm);\n CreateForm.submit();\n }\n\n catch (err) {\n alert(err);\n }\n\n }<\/pre>\nThe code is documented is pretty straight forward we are creating a form element assigning some form attributes like posting action and name and then submitting the form with the JSON as the value of the input element in the form.<\/p>\n
After thats is done we need to intercept the data in the ASP.NET code behind page. \u00a0Lets tackle that now.<\/p>\n