kikosik666 3 Posted March 26, 2020 Report Share Posted March 26, 2020 Здравствуйте, кто поможет мне? Нужен код на ajax, которая передает значение checkbox, select, radiobutton, text на другую страницу с помощью ajax, чтобы страница не перезагружалась. Значение должно передать когда один или несколько из этих элементов(checkbox, select, radiobutton, text) будут изменены. Пример можно посмотртеть тут https://auto.am/search/passenger-cars?q={"category":"1","page":"1","sort":"latest","layout":"list","user":{"dealer":"0","id":""},"year":{"gt":"1911","lt":"2021"},"usdprice":{"gt":"0","lt":"100000000"},"mileage":{"gt":"10","lt":"1000000"}} Кто поможет мне с кодом, не как не могу найти такой код Спасибо Link to post Share on other sites
MiskaCashi 0 Posted February 11, 2021 Report Share Posted February 11, 2021 У вас не понятный вопрос. Работа ajax как правило с php связана. Последний выдает куски json по заданным параметрам. JS принимает полученный результат по AJAX и формирует страницу. Link to post Share on other sites
MiskaCashi 0 Posted February 11, 2021 Report Share Posted February 11, 2021 Рассмотрим с вами такой пример index.html <!doctype html> <html> <head> <title>Look I'm AJAXing!</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <!-- load bootstrap via CDN --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <!-- load jquery via CDN --> <script src="form.js"></script> <!-- load our javascript file --> </head> <body> <div class="col-sm-6 col-sm-offset-3"> <h1>Processing an AJAX Form</h1> <!-- OUR FORM --> <form action="process.php" method="POST"> <!-- NAME --> <div id="name-group" class="form-group"> <label for="name">Name</label> <input type="text" class="form-control" name="name" placeholder="Henry Pym"> <!-- errors will go here --> </div> <!-- EMAIL --> <div id="email-group" class="form-group"> <label for="email">Email</label> <input type="text" class="form-control" name="email" placeholder="rudd@avengers.com"> <!-- errors will go here --> </div> <!-- SUPERHERO ALIAS --> <div id="superhero-group" class="form-group"> <label for="superheroAlias">Superhero Alias</label> <input type="text" class="form-control" name="superheroAlias" placeholder="Ant Man"> <!-- errors will go here --> </div> <button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button> </form> </div> </body> </html> form.js $(document).ready(function() { // process the form $('form').submit(function(event) { // get the form data // there are many ways to get this data using jQuery (you can use the class or id also) var formData = { 'name' : $('input[name=name]').val(), 'email' : $('input[name=email]').val(), 'superheroAlias' : $('input[name=superheroAlias]').val() }; // process the form $.ajax({ type : 'POST', // define the type of HTTP verb we want to use (POST for our form) url : 'process.php', // the url where we want to POST data : formData, // our data object dataType : 'json', // what type of data do we expect back from the server encode : true }) // using the done promise callback .done(function(data) { // log data to the console so we can see console.log(data); // here we will handle errors and validation messages }); // stop the form from submitting the normal way and refreshing the page event.preventDefault(); }); }); process.php <?php $errors = array(); // array to hold validation errors $data = array(); // array to pass back data // validate the variables ====================================================== // if any of these variables don't exist, add an error to our $errors array if (empty($_POST['name'])) $errors['name'] = 'Name is required.'; if (empty($_POST['email'])) $errors['email'] = 'Email is required.'; if (empty($_POST['superheroAlias'])) $errors['superheroAlias'] = 'Superhero alias is required.'; // return a response =========================================================== // if there are any errors in our errors array, return a success boolean of false if ( ! empty($errors)) { // if there are items in our errors array, return those errors $data['success'] = false; $data['errors'] = $errors; } else { // if there are no errors process our form, then return a message // DO ALL YOUR FORM PROCESSING HERE // THIS CAN BE WHATEVER YOU WANT TO DO (LOGIN, SAVE, UPDATE, WHATEVER) // show a message of success and provide a true success variable $data['success'] = true; $data['message'] = 'Success!'; } // return all our data to an AJAX call echo json_encode($data); В примере думаю все понятно. Если будут вопросы, обращайтесь. Как сделать SELECT в jQuery и сформировать запрос для PHP, вы найдете на просторах интернета.. Link to post Share on other sites
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now