How to load php file into div using jQuery Load with passing parameter

Question

I've an element <div id="search_result"></div>, and then I used $.ajax to retrieve some data (search result).

$.ajax({
  url: "url to server",
  dataType: "json",
  data: keyword,
  type: "post",
  success: function(data){
    /* load searchResult.php with data as passing parameter to searchResult.php */
    $("#search_result").load("searchResult.php");
  }
});

but I wanna load those data of search result to searchResult.php, how it's it,.? and how I access those parameter in searchResult.php,.?

thanks,.

How is the output format of "data" (the response of your ajax call) ? — jbrtrnd
– jbrtrnd, Commented Dec 15, 2011 at 13:29
the output format is json, should I decode it in searchResult.php,.? — Praditha
– Praditha, Commented Dec 16, 2011 at 2:29

karim79 · Accepted Answer · 2011-12-15 13:27:08Z

1

In your JS:

// ...
dataType: "json",

// pass key/value pairs
data: {keyword: "foobar"},
type: "post",
// ...

In your PHP:

if(isset($_POST['keyword']) && !empty($_POST['keyword'])) {
    echo $_POST['keyword']; // echoes "foobar"
}

answered Dec 15, 2011 at 13:27

karim79

343k67 gold badges420 silver badges409 bronze badges

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

Comments

Rednas · Accepted Answer · 2011-12-15 13:29:49Z

1

  var value = "value of the data here";  
    $.ajax({
      url: "serchResult.php",
      data: "key="+value,
      type: "post",
      success: function(data){
            $('#search_result').html(data);
      }
    });

answered Dec 15, 2011 at 13:29

Rednas

6095 silver badges12 bronze badges

Comments

Charaf JRA · Accepted Answer · 2013-03-20 23:19:29Z

1

 var variable=10 ;
 $("#search_result").load("searchResult.php", {"variable": variable});

On searchResult.php :

 <?php echo $_POST['variable'];?>

answered Mar 20, 2013 at 23:19

Charaf JRA

8,3551 gold badge36 silver badges44 bronze badges

Collectives™ on Stack Overflow

How to load php file into div using jQuery Load with passing parameter

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related