sending multiple values in ajax

Question

multiple value send search.php send two value search_word and search_word1. but both value is not display

var search_word = $("#search_box").val();
var search_word1 = $("#check_id").val();
var dataString = 'search_word='+ search_word;
if(search_word=='')
{
}
else
{
$.ajax({
type: "GET",
url: "include/search.php",
data: dataString,

search.php

   if(isset($_POST['search_word'])){

$serach_word = $_POST['search_word'];
$serach_word1 = $_POST['search_word1'];
    echo "$serach_word<br/>$serach_word1";

}

so Please Help.

where do put the search words to dataString?

Shlomo
– Shlomo

2014-02-28 10:05:19 +00:00
Commented Feb 28, 2014 at 10:05 — Shlomo
– Shlomo, Commented Feb 28, 2014 at 10:05
i have add. so please what code is write in search.php page

user3329459
– user3329459

2014-02-28 10:44:24 +00:00
Commented Feb 28, 2014 at 10:44 — user3329459
– user3329459, Commented Feb 28, 2014 at 10:44

David Fregoli · Accepted Answer · 2014-02-28 10:04:22Z

3

data has to be a javascrpt object:

data: {
   search_word: search_word,
   search_word1: search_word1
}

answered Feb 28, 2014 at 10:04

David Fregoli

3,4171 gold badge22 silver badges40 bronze badges

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

Comments

sanjeev · Accepted Answer · 2014-02-28 10:22:46Z

1

Apart form David Fregoli answer you can also,send data in query string form,as you are using GET Method

 url: "include/search.php?search_word="+search_word+"&search_word1="+search_word1,

edited Feb 28, 2014 at 10:22

answered Feb 28, 2014 at 10:07

sanjeev

4,6512 gold badges22 silver badges28 bronze badges

1 Comment

Memet Olsen Over a year ago

1) Shouldn't there be an '&' character dividing the query strings? 2) What if the value of search_word is 'a&search_word1=b' ?

Dimag Kharab · Accepted Answer · 2014-02-28 10:07:09Z

0

if(search_word=='')
{
}
else
{
$.ajax({
type: "GET",
url: "include/search.php",
data: { 
         search_word: $("#search_box").val(),
         search_word1 :$("#check_id").val()
      }

answered Feb 28, 2014 at 10:07

Dimag Kharab

4,5391 gold badge27 silver badges47 bronze badges

Comments

Krishna M · Accepted Answer · 2014-02-28 10:09:07Z

0

jQuery simplifies the task. The syntax is

$.get("include/search.php",{search_word:search_word,search_word1:search_word},function(response)
{
   alert(response);
});

For more details visit https://api.jquery.com/jQuery.get/

answered Feb 28, 2014 at 10:09

Krishna M

1,2152 gold badges18 silver badges34 bronze badges

Comments

Mr.TK · Accepted Answer · 2014-02-28 10:11:13Z

0

You can send selected data:

var test = 'yes, this is test string';
...
data: {
     testValue: test,
     filter: $('#form').find('#name_filter').val()
}

You can even serialize whole form in javascript

data: {
     filter: $('#form').serialize();
}

and deserialize it in PHP with simple code

$values = array();
parse_str($_POST['filter'], $values);

And $values will be full of inputs/select/checkbox values :)

answered Feb 28, 2014 at 10:11

Mr.TK

1,8463 gold badges21 silver badges23 bronze badges

Comments

Arulkumar · Accepted Answer · 2015-11-19 03:16:33Z

0

Use Ajax POST method:

$.ajax({
    type: "POST", 
    url: "some.php", 
    data: {name: "John", location: "Boston"} 
}).done(
    function(msg) {
        alert("Data Saved: " + msg);
    }
);

edited Nov 19, 2015 at 3:16

Arulkumar

13.3k14 gold badges51 silver badges76 bronze badges

answered Feb 28, 2014 at 10:06

D-2020365

921 silver badge11 bronze badges

2 Comments

user3329459 Over a year ago

i have used this script for single value send.. so i have multiple value send... please help $(".search_button").click(function() { var search_word = $("#search_box").val(); var dataString = 'search_word='+ search_word; if(search_word=='') { } else { $.ajax({ type: "GET", url: "include/search.php", data: dataString, cache: false,

D-2020365 Over a year ago

Please try below code & check jquery version $(".search_button").click(function() { var search_word = $("#search_box").val(); var dataString = {search_word: "search_word", search_word2: "search_word2"}; if (search_word == ''){ }else { $.ajax({ type: "POST", url: "include/search.php", data: dataString, cache: false }).done(function(msg) { console.log(msg) }); } });

Gokulan P H · Accepted Answer · 2017-06-21 07:53:59Z

0

You can try using $.param(dataString)

 var dataString: {
       search_word: $("#search_box").val(),
       search_word1: $("#check_id").val()
    }

if(dataString)
{
$.ajax({
type: "GET",
url: "include/search.php",
data: $.param(dataString)
});
}

In Server:

 if(isset($_POST['dataString'])){   
$serach_word = $dataString['search_word'];
$serach_word1 = $dataString['search_word1'];
    echo "$serach_word<br/>$serach_word1";
}

answered Jun 21, 2017 at 7:53

Gokulan P H

1,9161 gold badge12 silver badges13 bronze badges

Collectives™ on Stack Overflow

sending multiple values in ajax

7 Answers 7

Comments

1 Comment

Comments

Comments

Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

1 Comment

Comments

Comments

Comments

2 Comments

Comments

Related