Question

因为我的实际例子太大了，我做了一个很短的例子：

test1.php

<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <!--jQuery-->
<body>
<p> What is the first letter of the alphabet?</p>
<button type="button" id="button">Tell me!</button>
<div id="div"></div>
<script>
$(document).ready(function(){
    $('#button').click(function(){
        $.ajax({
            url: 'test2.php',
            success: function() {
                $('#div').html();
            }
        });
    });
});
</script>
</body>
</html>

test2.php

<?php
echo "It's the letter A!";
?>

我想打印出来＃34;它是字母A！＆＃34;当我按下按钮时，似乎不起作用。有人可以帮忙告诉我为什么这不起作用以及如何解决它？感谢

Answer 1

因为你没有输出你从ajax得到的结果。

<script>
$(document).ready(function(){
    $("#button").click(function(){
        $.ajax({
            url: 'test2.php',
            success: function(data) { //<---result from ajax
                $('#div').html(data); //<----add result to div element
            }
        });
    });
});
</script>

Answer 2

1st：应该用引号$('#button')

括起来

第二名：像这样获得成功功能的响应。

success: function(res) {

            $('#div').html(res);

          }

第3名：将数据类型设置为文字。

 dataType:'text'

更新1：

$(document).ready(function(){
    $('#button').click(function(){
        $.ajax({
            url: 'test2.php',
            dataType:'text',
            success: function(res) { 

                $('#div').html(res);

            }
        });
    });
});

Answer 3

如果您的脚本只是一个没有GET / POST参数的页面调用，那么jQuery的最简单方法是$ .load（）：

<script>
    $(document).ready(function() {
        $('#button').click(function() {
            $.load("test2.php #div");
        });
    });
</script>

doc here：http://api.jquery.com/load/

如何使用jquery / ajax运行简单的PHP代码？

3 个答案: