如何使用带有传递参数的jQuery Load将php文件加载到div中

时间:2011-12-15 13:23:50

标签: php jquery ajax parameter-passing

我有一个元素<div id="search_result"></div>,然后我使用$.ajax来检索一些数据(搜索结果)。

$.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");
  }
});

但我想将搜索结果的数据加载到searchResult.php,它是怎么回事,。? 以及我如何在searchResult.php中访问这些参数,。?

感谢。

3 个答案:

答案 0 :(得分:1)

在你的JS中:

// ...
dataType: "json",

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

在你的PHP中:

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

在searchResult.php上:

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