如何使用jQuery和AJAX将PHP页面加载到div中?

Ref*_*ing 6 javascript php ajax jquery

我正在尝试编写一个getproduct.php?id=xxx在单击时调用的函数.我可以让innerHTML部分出现,但是我如何调用php实际完成工作的页面呢?

var id = id;
document.getElementById("digital_download").innerHTML = 
    "Downloading...Please be patient. The process can take a few minutes."; 
url = getproduct.php?id=id;
Run Code Online (Sandbox Code Playgroud)

Pra*_*rma 11

您可以使用以下行调用或加载div内的php页面: -

$("#content_div").load("ajax/page_url.php");
Run Code Online (Sandbox Code Playgroud)

"ajax/page_url.php"是php文件的相对路径.

所以在这里你也可以用外部网址替换它.

如果我错了,请分享你的知识.

  • 不知道为什么这不是公认的答案.更少的代码和工作. (2认同)

neu*_*ino 8

你可以用jQuery做到这一点.

var id = 1;
$('#digital_download').html('Downloading...'); // Show "Downloading..."
// Do an ajax request
$.ajax({
  url: "getproduct.php?id="+id
}).done(function(data) { // data what is sent back by the php page
  $('#digital_download').html(data); // display data
});
Run Code Online (Sandbox Code Playgroud)