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

【问题标题】：How to load php file into div using jQuery Load with passing parameter如何使用带有传递参数的 jQuery Load 将 php 文件加载到 div
【发布时间】：2012-01-21 04:34:22
【问题描述】：

我有一个元素<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 中访问这些参数，.?

谢谢，。

【问题讨论】：

“数据”的输出格式如何（你的ajax调用的响应）？
输出格式是json，要不要在searchResult.php中解码，.?

标签： php jquery ajax parameter-passing

【解决方案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"
}

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

在 searchResult.php 上：

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

【讨论】：