javascript ajax variable question

Question

Hey there, new to AJAX, JS.. Im trying to add to a Javascript/Ajax search script that I've put together. Previously, it had a single search field, called search_word, I added one called search_date.

$(".search_button").click(function() {
    var search_word = $("#search_box").val();
    var search_date = $("#datepicker").val();
    var dataString = 'search_word='+ search_word;

    if(search_word=='')
    {
    }
    else
    {
        $.ajax({
        type: "GET",
        url: "searchdata.php",
        data: dataString,

In the Ajax, it appears to pass data of dataString, to my processing script. How do I add search date to the dataString so that I can use that var in my searchdata.php?

In searchdata, I can do this $search_word=$_GET['search_word']; and use that var, but so far every time i attempt to alter the dataString, it breaks all the other functionality.

Thanks!

N 1.1 · Accepted Answer · 2010-03-17 15:31:20Z

4

Either

var dataString = 'search_word='+search_word+'&search_date='+search_date;

Or you can get rid of that line completely and just do

$.ajax({
        type: "GET",
        url: "searchdata.php",
        data: {search_word: search_word, search_date: search_date}
      });

edited Mar 17, 2010 at 15:31

N 1.1

12.6k6 gold badges46 silver badges62 bronze badges

answered Mar 17, 2010 at 15:15

caligoanimus

1,2049 silver badges8 bronze badges

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

2 Comments

Kelso Over a year ago

The second option i tried but it wouldnt post. The first option worked like a charm, thanks!

dclowd9901 Over a year ago

Also, if you're more used to working within "GET", you can send out the string 'foo=bar&foo2=bar2' etc.

David Hedlund · Accepted Answer · 2010-03-17 15:13:49Z

1

You need to modify dataString like so:

var dataString = 'search_word='+ search_word + '&search_date=' + search_date;

I also suggest you invert your if condition, to if(search_word) { ... }, put the AJAX in there, and skip the else.

If this doesn't help you, try alerting out the value of dataString after that concatenation, to see what is really happening. perhaps the value of search_date is not what you think it is?

answered Mar 17, 2010 at 15:13

David Hedlund

130k33 gold badges205 silver badges223 bronze badges

Comments

N 1.1 · Accepted Answer · 2010-03-17 15:21:51Z

1

var str = 'search_word='+ search_word + '&search_date'+search_date;
dataString = encodeURI(str);

$.ajax({
    type: "GET",
    url: "searchdata.php",
    data: dataString});

To avoid unexpected requests to the server, you should call encodeURI on any user-entered parameters that will be passed as part of a URI.

edited Mar 17, 2010 at 15:21

answered Mar 17, 2010 at 15:15

N 1.1

12.6k6 gold badges46 silver badges62 bronze badges

1 Comment

David Hedlund Over a year ago

you'd have to use encodeURI or, preferably, encodeURIComponent on the two parameters individually, and not on the final concatenated string. the current solution will replace the & in &search_date= with %26, and the equal signs will be replaced by %3D. (the operative part of your bold text being on any user-entered parameters, not on the entire final querystring; that wont work at all)

instanceof me · Accepted Answer · 2010-03-17 15:15:42Z

0

You can also directly add it to the url:

 $.ajax({
        type: "GET",
        url: "searchdata.php?search_word=" + search_word;
 });

answered Mar 17, 2010 at 15:15

instanceof me

39.3k3 gold badges33 silver badges41 bronze badges

Comments

Ryan · Accepted Answer · 2010-03-17 15:16:04Z

0

In your $.ajax call you can use an object for the data parameter.

$.ajax({
        type: "GET",
        url: "searchdata.php",
        data: {search_word: search_word, search_date: search_date}
});

answered Mar 17, 2010 at 15:16

Ryan

4,3133 gold badges26 silver badges24 bronze badges

Comments

npup · Accepted Answer · 2010-03-17 15:16:04Z

0

Make the data a json object with your parameters:

data {
  prop1: val1
  , prop2: val2
}

answered Mar 17, 2010 at 15:16

npup

2,5411 gold badge17 silver badges22 bronze badges

Collectives™ on Stack Overflow

javascript ajax variable question

6 Answers 6

2 Comments

Comments

To avoid unexpected requests to the server, you should call encodeURI on any user-entered parameters that will be passed as part of a URI.

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

To avoid unexpected requests to the server, you should call encodeURI on any user-entered parameters that will be passed as part of a URI.

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related