jQuery $ .get()和$ .ajax()没有从PHP获取数据

时间:2015-01-16 15:19:53

标签: javascript php jquery ajax get

我有一个脚本,用于在点击事件后警告从PHP文件中获取的消息。我已经尝试了jQuery $ .get()和$ .ajax(),但两者都没有用。 $ .ajax()有效但警告空消息,$ .get()提醒“null”。

load.php

<?php
    $string = "prova";
    echo json_encode($string);
?>

jquery_save.js

$(document).ready(function(){
    $("#carica").click(function(){
        loadPHP();
    });
});

function loadPHP() {
    $.get( "load.php", function( data ) {
        alert(data)
    }, "json" );
};

的index.html

<!doctype html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>This is just a test for Stackoverflow</title>
      <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script type="text/javascript" src="jquery_save.js"></script>
    </head>

  <body>
    <form>
      <input style="background-image:url(img/lc-load.png);" type="submit" value="Carica" name="carica" id="carica">
    </form>
  </body>
</html>

通过这种方式,我得到警报,但输出为“null”。 我也试过这个:

load.php

<?php
    $string = "prova";
    echo $string;
?>

jquery_save.js

$(document).ready(function(){
    $("#carica").click(function(){
        loadPHP();
    });
});

function loadPHP() {
    $.ajax({
        type: 'GET',
        url: 'load.php',
        success: function(data) {
            alert(data); 
        }
    });
};

这给了我内心注意的警报。两种方式都会在关闭警报消息后刷新页面(我不希望这种情况发生)。 我使用$ .ajax()的另一个函数将变量提供给另一个PHP文件没有问题,但是我无法从PHP文件中获取变量。

2 个答案:

答案 0 :(得分:2)

您必须阻止默认点击操作 -

$("#carica").click(function(event){
    event.preventDefault();
    loadPHP();
});

由于页面重定向,您的警报不会发生。

答案 1 :(得分:0)

您正在使用提交按钮,该按钮会导致无法处理的提交事件。

尝试像这样改变它

    <input style="background-image:url(img/lc-load.png);" 
type="button" value="Carica" name="carica" id="carica" />

您是否使用提交按钮为禁用javascript的浏览器提供后备广告?如果是这种情况,则需要阻止提交事件