Jump to content

Быстрый поиск на ajax php

Recommended Posts

Здравствуйте, кто поможет мне? 

Нужен код на 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
  • 10 months later...

У вас не понятный вопрос.

Работа ajax как правило с php связана. Последний выдает куски json по заданным параметрам. JS принимает полученный результат по AJAX и формирует страницу.

Link to post
Share on other sites

Рассмотрим с вами такой пример


<!doctype html>
    <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 -->
<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 -->

        <!-- 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 -->

        <!-- 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 -->

        <button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button>








$(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
            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

                // here we will handle errors and validation messages

        // stop the form from submitting the normal way and refreshing the page







$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


    // 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

Please sign in to comment

You will be able to leave a comment after signing in

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...