javascript - Send form inputs with AJAX to PHP -
i want send form inputs page php function, using ajax, , save data in multidimensional array. there should no page reload, , response can simple true
or false
. in chrome browser, can see both inputs in "request payload" element, in json, how can retrieve data in php , transform data array?
html:
<div id="formeditbilling"><form> <input name="register[personal][firstname]" type="text" id="firstname" value="" class="text required " placeholder="firstname"> <input name="register[personal][lastname]" type="text" id="lastname" value="" class="text required " placeholder="lastname"> <input type="buttom" id="editbilling" value="speichern"/></form></div>
javascript:
<script type="text/javascript"> $('#editbilling').click(function() { editbilling(); }); function editbilling(){ var url = '/checkout/saveaddress'; // server function var data = $('#formeditbilling form').serializearray(); data = json.stringify(data); $.ajax({ 'type': 'post', 'async': false, 'data': data, 'url': url, 'contenttype': "application/json", 'datatype': "text", 'success': function (result, data) { $('.output').html(data); // output div } }); } </script>
here's problem. how can array like:
['register'] => array ( ['personal'] => array ( ['firstname'] => "michael" ['lastname'] => "cooper" )
php: here's attempt, it's not working, $_post
seems empty.
public function saveaddressaction(){ $data = json_decode(stripslashes($_post['register'])); return true; }
your function's brackets aren't joining properly, try using this
function editbilling(){ var url = '/checkout/saveaddress'; // server function var data = $('#formeditbilling form').serializearray(); data = json.stringify(data); $.ajax({ 'type': 'post', 'async': false, 'data': data, 'url': url, 'contenttype': "application/json", 'datatype': "text", 'success': function (result, data) { $('.output').html(data); // output div } }); }
Comments
Post a Comment