jquery.post不起作用

时间:2013-02-20 14:02:28

标签: php jquery .post

HTML元素:

<img align="center" onclick="doc()" src="images/doc.png">

JavaScript函数:

function doc (){
    $.post("php/file.php", { name: "John", time: "2pm" },).done( function(data) {
        alert("Data Loaded: " + data);
    });
}

file.php:

$pi=$_POST['name'];
echo ($pi);

我不知道为什么,但是当我点击图片时$.post没有发送数据

3 个答案:

答案 0 :(得分:0)

 function doc (){
  $.post("php/file.php", { name: "John", time: "2pm" })
   .done( function(data) {
    alert("Data Loaded: " + data);
    }); 
  }

答案 1 :(得分:0)

同时使用内联JavaScript和jQuery不是一个好习惯;使用jQuery绑定click事件。

首先为图像添加标识符:

<img id="imgDoc" align="center" src="images/doc.png">

然后在代码中:

$(document).ready(function() {
    $("#imgDoc").bind("click", function() {
        $.post("php/file.php", { name: "John", time: "2pm" }).done( function(data) {
            alert("Data Loaded: " + data);
        });
    }
});

答案 2 :(得分:0)

您在其中一条评论中提到的Jquery库是:

<script src="code.jquery.com/jquery-1.8.3.min.js"></script>

这不是一个正确的来源。请使用以下来源:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>