jquery passing variables to php file

Question

acctually i am not familier much with jquery.. i got this jquery script this is passing variables to the file which is showing data in json format.. but here i'm unable to show that data..plz see this piece of code

$(document).ready(function() {
    var globalRequest = 0;
    $('#search').bind('keyup', function(event) {
        if (event.keyCode == 13) {
            searchAction();
        }
    });

    $('#search-link').bind('click', function(event) {
        searchAction();
    });

    var searchAction = function() {
        var value = $('#search').val();
        var cat = $('#category').val();
        var country = $('#country').val();
        var page = $('#page').val();

        var resultContainer = $('#results');

        if (value.length < 3 && globalRequest == 1) {
            return;
        }

        _gaq.push(['_trackEvent', 'Search', 'Execute', 'Page Search', value]);

        globalRequest = 1;

        $.ajax({
              url: "search.php",
              dataType: 'json',
              type: 'GET',
              data: "q="+value+"&category="+cat+"&country="+country+"&page="+page,
              success: function(data){
                globalRequest = 0;
                resultContainer.fadeOut('fast', function() {
                    resultContainer.html('');
                    console.log(data.length);

                    for (var x in data) {

                        if (!data[x].price)
                            data[x].price = 'kA';

                        if (!data[x].img)
                            data[x].img = 'assets/images/no.gif';

                        var html = '<div class="res-container">';
                        html += '<h2><a href="'+data[x].url+'" target="_blank">'+data[x].Title+'</a></h2>';
                        html += '<img src="'+data[x].img+'">';
                        html += '<h3>Price: '+data[x].price+'</h3>';
                        html += '</div>';

                        resultContainer.append(html);
                    }

                    resultContainer.fadeIn('fast');
                });

              }
            });
    };
});

in search.php data is in simple echo.. how to get data from search.php and show here.. sorry for bad english

vaugham · Accepted Answer · 2012-01-19 20:57:22Z

5

First,

you shouldn't concatenate your parameters but use a hashmap:

        $.ajax({
          url: "search.php",
          dataType: 'json',
          type: 'GET',
          data: {
          q : value,
          category : cat,
          country : country,
          page : page }

As your method is (type: 'GET'), just use the ($_GET[param] method) in the php file

<?php
$value = htmlentities($_GET['q']);
$category = htmlentities($_GET['category ']);
$country = htmlentities($_GET['country ']);

In the js callback function, this is how you log the whole response ('something' is a tag) :

success: function(data){
    var $xml = $(data);
    console.log($xml); // show the whole response
    console.log($xml.find('something')); // show a part of the response : <something>value</something>
});

edited Jan 19, 2012 at 20:57

answered Jan 19, 2012 at 20:32

vaugham

1,8611 gold badge19 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zac · Accepted Answer · 2012-01-19 21:04:24Z

2

It is a bit hard to understand what your problem is but my guess is that you need to json encode the data before echoing it back in search.php.

simplified example......

eg.

<?php
$somevar = $_GET['a']
$anothervar = $_GET['b']

//Do whatever


$prepare = array('a'=>$result1,'b'=>$result2) //etc..
$json = json_encode($prepare);
echo $json;
exit();
?>

Then you can access the results in the javascript with:

success: function(data){
    var obj = $.parseJSON(data);
    alert(data.a);
    $("#some_element").html(data.b);
}

edited Jan 19, 2012 at 21:04

answered Jan 19, 2012 at 20:54

Zac

1,6372 gold badges13 silver badges15 bronze badges

Collectives™ on Stack Overflow

jquery passing variables to php file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related