Question

这是我wp帖子底部的js脚本。

<script type="text/javascript" src="jquery-1.10.2.min.js">
</script>
<script type="text/javascript">

var id = 'downloadid';

var data_from_ajax;

$.post('download.php', {id : id}) .done(function(data) {
  data_from_ajax = data;
});

function hey() {
document.write(data_from_ajax);
}

</script>

函数hey是从链接OnClick函数调用的。当使用它时，页面将成功执行下载php（更新数据库然后下载文件）的PHP代码，虽然它会清除我当前的页面。我想做的是执行php并保留当前页面模板。接下来我尝试使用

document.getElementById("download").innerHTML = data_from_ajax;

而不是document.write。我用id下载做了一个div。现在当我点击它时，它根本不会执行php。当我用字符串替换data_from_ajax时，它很乐意将它放在div中。

任何帮助都会很棒。

编辑：我的HTML是

<a href="#" onClick="hey()">download</a>

<div id='download'>&nbsp</div>

http://jsfiddle.net/7smJE/

Answer 1

从没有小提琴我能看到的东西：

hey函数可能在done函数准备好之前被触发。为什么不在hey()内致电done()？

Answer 2

从您提供的PHP代码中，我认为您应该使用document.write()替换代码中的$('#download').html()。这样您就不需要将返回的结果放在download div中，因为当PHP页面加载时，它会为您执行此操作，您必须将$.post放入hey()功能也是因为你需要在点击链接时执行此功能。

PHP：

<?php
$fileid = $id;
if (is_file('d84ue9d/' . $fileid . '.apk'))
{
$ip = $_SERVER['REMOTE_ADDR'];
$con=mysqli_connect("localhost","docvet95_check","%tothemax%","docvet95_downcheck");
$result = mysqli_query($con,"SELECT * FROM `download-check` where ip = '$ip'");
while ($row = mysqli_fetch_array($result))
{
$files = $row['files'];
$downloads = $row['downloads'];
}
if ($downloads > 4)
{
print "$('#download').html(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%61%6C%65%72%74%28%27%59%6F%75%5C%27%76%65%20%64%6F%77%6E%6C%6F%61%64%65%64%20%66%69%76%65%20%6F%72%20%6D%6F%72%65%20%66%69%6C%65%73%2E%20%46%6F%72%20%72%69%67%68%74%20%6E%6F%77%2C%20%74%68%69%73%20%69%73%20%6F%6B%61%79%2E%20%49%6E%20%74%68%65%20%66%75%74%75%72%65%2C%20%79%6F%75%20%77%69%6C%6C%20%6E%65%65%64%20%74%6F%20%63%6F%6D%70%6C%65%74%65%20%61%20%73%75%72%76%65%79%20%69%6E%20%6F%72%64%65%72%20%74%6F%20%63%6F%6E%74%69%6E%75%65%20%64%6F%77%6E%6C%6F%61%64%69%6E%67%2E%20%54%68%61%6E%6B%20%79%6F%75%20%66%6F%72%20%75%73%69%6E%67%20%6F%75%72%20%77%65%62%73%69%74%65%27%29%3B%20%0A%77%69%6E%64%6F%77%2E%6F%70%65%6E%28%27%2F%61%70%6B%73%2F%64%38%34%75%65%39%64%2F". $fileid . "%2E%61%70%6B%27%2C%27%5F%73%65%6C%66%27%29%0A%3C%2F%73%63%72%69%70%74%3E'));";

}
else
{
$downloadq = $downloads + 1;
$there = $result->num_rows;
if ($there <1)
{
$addidnip = mysqli_query($con,"INSERT INTO `download-check` (ip, files, downloads) VALUES ('$ip', '$fileid', 1)");
}
else
{
$idtoarray = explode(",", $files);
if (!in_array($fileid, $idtoarray))
{
array_push($idtoarray, $fileid);
$newfile = implode(",", $idtoarray);
$adddw = mysqli_query($con,"UPDATE `download-check` SET downloads=$downloadq, files='$newfile' where ip = '$ip'");

}
}
print "<script type=\"text/javascript\">";

print "$('#download').html(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%77%69%6E%64%6F%77%2E%6F%70%65%6E%28%27%64%38%34%75%65%39%64%2F". $fileid . "%2E%61%70%6B%27%2C%27%5F%73%65%6C%66%27%29%0A%3C%2F%73%63%72%69%70%74%3E'));";
print "</script>";
}
}
else
{ echo 'Whoops, looks like we couldn\'t find that file. You could try searching for it?'; }

?>

JavaScript的：

var id = 'downloadid';

var data_from_ajax;

function hey() {
  $.post('download.php', {id : id});
}

但是我建议你在没有任何额外标签的情况下从PHP返回确切数据，然后以这种方式使用它：

var id = 'downloadid';

function hey() {
  $.post('download.php', {id : id}).done(function(data) {
    $("#download").html(unescape(data));
  });
}

想要使用OnClick功能执行php而不清除当前的网页

2 个答案: