What you want to do is called serializing.
// This gives you an HTMLElement object var element = document.getElementById('TextBoxesGroup'); // This gives you a string representing that element and its content var html = element.outerHTML; // This gives you a JSON object that you can send with jQuery.ajax's `data` // option, you can rename the property to whatever you want. var data = { html: html }; // This gives you a string in JSON syntax of the object above that you can // send with XMLHttpRequest. var json = JSON.stringify(data);
Related Posts:
- Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
- SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
- How to display raw JSON data on a HTML page
- How to properly use jsPDF library
- How do I check whether a checkbox is checked in jQuery?
- ReferenceError: $ is not defined
- How do I check whether a checkbox is checked in jQuery?
- jQuery document.createElement equivalent?
- Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
- How can I scroll to an element using jQuery?
- jQuery.click() vs onClick
- jQuery Get Selected Option From Dropdown
- Check if checkbox is checked with jQuery
- How to add jQuery code into HTML Page
- How can I get the data-id attribute?
- Check if checkbox is checked with jQuery
- Nested JSON objects – do I have to use arrays for everything?
- Uncaught TypeError: Cannot read property ‘length’ of undefined
- Bootstrap Dropdown menu is not working
- jquery SlideToggle effect in upward direction?
- Change Background color (css property) using Jquery
- Get class name using jQuery
- jQuery AJAX cross domain
- Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
- Set timeout for ajax (jQuery)
- Use images like checkboxes
- How to read xml file contents in jQuery and display in html elements?
- Jquery swipe left or right on mobile
- How to move an element into another element?
- Loading local JSON file
- Create table with jQuery – append
- Uncaught TypeError: data.push is not a function
- How to Open New window on every Click
- Uncaught TypeError: Cannot read property ‘top’ of undefined
- How can I select an element by name with jQuery?
- jQuery disable/enable submit button
- Play an audio file using jQuery when a button is clicked
- How to move an element after another element using JS or jquery?
- Why is the jquery script not working?
- document.getElementsByClassName().innerHTML always returns “undefined”
- Jquery button click() function is not working
- HTML text input allow only numeric input
- Refresh/reload the content in Div using jquery/ajax
- How do I check whether a checkbox is checked in jQuery?
- Print the contents of a DIV
- Embedding instagram webpage inside an iframe
- How to get height of div in px dimension
- Set value to currency in
- jQuery: Uncaught Error: Syntax error, unrecognized expression
- Creating a div element in jQuery
- How to use in jQuery :not and hasClass() to get a specific element without a class
- SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
- HTML Entity Decode
- Clearing my form inputs after submission
- Get class list for element with jQuery
- Reload an iframe with jQuery
- Convert array to JSON
- How to scroll an HTML page to a given anchor
- How to filter JSON Data in JavaScript or jQuery?
- Highlight a word with jQuery
- How do I refresh a DIV content?
- How to add a button dynamically using jquery
- Why is jquery show() not working in example
- How can I use jQuery to run MySQL queries?
- jQuery sort elements using data id
- jQuery scrollTop() method not working
- FormData append not working
- getContext is not a function
- Complex JSON nesting of objects and arrays
- How to change the text of a label?
- Print a div content using Jquery
- Get the size of the screen, current web page and browser window
- Uncaught SyntaxError: Unexpected token with JSON.parse
- How can JavaScript save to a local file?
- Using “×” word in html changes to ×
- Closing Bootstrap modal onclick
- Fire oninput event with jQuery
- Fully responsive HTML5 video
- Changing the selected option of an HTML Select element
- Defining a HTML template to append using JQuery
- HTML anchor link – href and onclick both?
- How can I know which radio button is selected via jQuery?
- How to scroll to top of page with JavaScript/jQuery?
- How to use aria-expanded=”true” to change a css property
- How to set “style=display:none;” using jQuery’s attr method?
- Adding JavaScript to a WordPress website
- Putting custom html/js page into Elementor as it’s own block
- internal anchor links no longer working after upgrade
- How to run Javascript popup modal in a loop?
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Remove escape characters from JSON string pulled from a database
- Styling parent based on a child element of a child in a WordPress page
- How to resolve the C:\fakepath?
- node.js TypeError: path must be absolute or specify root to res.sendFile [failed to parse JSON]
- TypeError: $(…).DataTable is not a function
- What is the best way to detect a mobile device?
- How do I check if a cookie exists?
- jquery to validate phone number
- Replacing WordPress Icons (menu,icons32, etc)?