{"id":24549,"date":"2022-12-03T20:32:11","date_gmt":"2022-12-03T15:02:11","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/"},"modified":"2022-12-03T20:32:11","modified_gmt":"2022-12-03T15:02:11","slug":"solved-pass-json-string-via-post-to-php-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/","title":{"rendered":"[Solved] Pass JSON string via POST to PHP [closed]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Option 1<\/strong><\/p>\n

You can create a single JS object containing all your data (your form data and your hierarchical array).
\nAfterwards, you can send that using jQuery .ajax()<\/code> method or .post()<\/code> method.<\/p>\n

Querying form inputs using jquery<\/p>\n

var formValues = {\n    nameField1: $(field1Selector).val(),\n    nameField2: $(field2Selector).val(),\n    \/\/(...) the remaining fields\n\n    \/\/variable holding your array\n    arrangement: dragAndDropArray\n };\n<\/code><\/pre>\n
Then, you can send that request to the server by<\/p>\n
$.ajax({\n    url: actionUrl,\n    method: 'POST',\n    data: formValues \/\/here you're setting the payload of your POST request\n});\n<\/code><\/pre>\n
here’s the documentation for the .ajax() method<\/a><\/p>\n
Option 2<\/strong><\/p>\n
Another option is to create a hidden input field inside your form, and set its value to the JSON string of your JS array.<\/p>\n
Adding a hidden field to your form like<\/p>\n
<input type=\"hidden\" id=\"hierarchical-array-input\" name=\"hierarchivalArr\" \/>\n<\/code><\/pre>\n
Then, every time you update your array, you want to set the value of the hidden input like so:<\/p>\n
$('#hierarchical-array-input').val(JSON.stringify(hierarchicalArr));\n<\/code><\/pre>\n
You need to handle the values in your PHP on both cases. I suggest you try it out and debug how the PHP is parsing the data.<\/p>\n
Note<\/strong><\/p>\n
You can also use the first method with a plugin that queries the form and generates a JS object for you. Like,<\/p>\n
jquery form serialize JSON<\/a><\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            1<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Pass JSON string via POST to PHP [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Option 1 You can create a single JS object containing all your data (your form data and your hierarchical array). Afterwards, you can send that using jQuery .ajax() method or .post() method. Querying form inputs using jquery var formValues = { nameField1: $(field1Selector).val(), nameField2: $(field2Selector).val(), \/\/(…) the remaining fields \/\/variable holding your array arrangement: … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[333,356,339],"class_list":["post-24549","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript","tag-json","tag-php"],"yoast_head":"\n[Solved] Pass JSON string via POST to PHP [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Pass JSON string via POST to PHP [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Option 1 You can create a single JS object containing all your data (your form data and your hierarchical array). Afterwards, you can send that using jQuery .ajax() method or .post() method. Querying form inputs using jquery var formValues = { nameField1: $(field1Selector).val(), nameField2: $(field2Selector).val(), \/\/(...) the remaining fields \/\/variable holding your array arrangement: ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-03T15:02:11+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Pass JSON string via POST to PHP [closed]\",\"datePublished\":\"2022-12-03T15:02:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\"},\"wordCount\":178,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"javascript\",\"json\",\"php\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\",\"name\":\"[Solved] Pass JSON string via POST to PHP [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-03T15:02:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Pass JSON string via POST to PHP [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Pass JSON string via POST to PHP [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Pass JSON string via POST to PHP [closed] - JassWeb","og_description":"[ad_1] Option 1 You can create a single JS object containing all your data (your form data and your hierarchical array). Afterwards, you can send that using jQuery .ajax() method or .post() method. Querying form inputs using jquery var formValues = { nameField1: $(field1Selector).val(), nameField2: $(field2Selector).val(), \/\/(...) the remaining fields \/\/variable holding your array arrangement: ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/","og_site_name":"JassWeb","article_published_time":"2022-12-03T15:02:11+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Pass JSON string via POST to PHP [closed]","datePublished":"2022-12-03T15:02:11+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/"},"wordCount":178,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript","json","php"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/","name":"[Solved] Pass JSON string via POST to PHP [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-03T15:02:11+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-pass-json-string-via-post-to-php-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Pass JSON string via POST to PHP [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/24549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=24549"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/24549\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=24549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=24549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=24549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}