this issue has been solved
the below code corrected , working code
i have created html form sends variables php file , returns success through json javascript. problem not able response javascript file. donno reason. can me this. thank you
my form is
<!doctype html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"> </script> <script src="scriptj.js"></script> </head> <body> <form action="http://localhost/donotdel/process.php" method="post"> <div id="name-group" class="form-group"> <label for="name">name</label> <input type="text" class="form-control" name="name" placeholder="name"> </div> <div id="email-group" class="form-group"> <label for="email">email</label> <input type="text" class="form-control" name="email" placeholder="email"> </div> <button type="submit" class="btn btn-success">submit <span class="fa fa-arrow-right"></span></button> </form> </body> </html> my javascript file is
$(document).ready(function () { $('form').submit(function (event) { $('.form-group').removeclass('has-error'); $('.help-block').remove(); var formdata = { 'name': $('input[name=name]').val(), 'email': $('input[name=email]').val(), }; $.ajax({ type: 'post', url: 'http://localhost/donotdel/process.php', data: formdata, datatype: 'json', encode: true }).done(function (data) { console.log(data); if (!data.success) { if (data.errors.name) { $('#name-group').addclass('has-error'); $('#name-group').append('<div class="help-block">' + data.errors.name + '</div>'); } if (data.errors.email) { $('#email-group').addclass('has-error'); $('#email-group').append('<div class="help-block">' + data.errors.email + '</div>'); } } else { $('form').append('<div class="alert alert-success">' + data.message + '</div>'); } }).fail(function (data) { console.log(data); }); event.preventdefault(); }); }); and php file is
<?php $errors = array(); $data = array(); if (empty($_post['name'])) $errors['name'] = 'name required.'; if (empty($_post['email'])) $errors['email'] = 'email required.'; if ( ! empty($errors)) { $data['success'] = false; $data['errors'] = $errors; } else { $data['success'] = true; $data['message'] = 'success!'; } header ('content-type: application/json'); header("access-control-allow-origin: *"); echo json_encode($data); ?> the error getting instead of passing json javascript file, json printed in screen. whereas need javascript show alert.
try setting proper header in php:
header ('content-type: application/json'); failing - can post plunker or jsfiddle?
Comments
Post a Comment