Ajax jquery post脚本无法正常工作

时间:2016-08-15 18:56:07

标签: php jquery mysql ajax

我正在关注本教程https://openenergymonitor.org/emon/node/107。 我想要做的是,使用jquery和php从mysql数据库中获取数据。 我完全按照教程说的做了,但我无法使它工作。 我加载页面时收到失败警报。

这就是我所做的:

api.php:

$('form#logon.parsleyParse').parsley().on('field:error', function() {
    console.log('Validation failed for: ', this.$element);
    var element = '#' + this.$element[0].id;
    console.log(element);
    $(this.$element[0].id).css("border: 1px solid red !important;");
});

(我知道最好使用$dbhandle = mysql_connect($hostname, $username, $password) or die("Unable to connect to MySQL"); $selected = mysql_select_db($db,$dbhandle) or die("Could not select examples"); $result = mysql_query("SELECT * FROM todolist"); $array = mysql_fetch_row($result); echo json_encode($array); ,但这仅用于测试。)

jquery脚本:

PDO

当我访问 <script language="javascript" type="text/javascript"> $(function () { $.ajax({ url: 'api.php', data: "", dataType: 'json', success: function(data) { var id = data[0]; var description = data[1]; $('#output').html("<b>id: </b>"+id+"<b> description: </b>"+description); }, error: function() { alert("Fail"); } }); }); </script> 时,这就是我得到的:

api.php

当我使用console.log(参数)时,会显示:

["161","true","werken\n","12"]

我现在试着让这个工作大约3个小时,这让我非常疯狂。我希望有人能用我的剧本解释这个问题。

修改

我修好了。我在api.php中包含的页面存在问题。

1 个答案:

答案 0 :(得分:0)

可能是因为url没有使用绝对路径。 你在本地机器上运行吗? 2个脚本(html和php)是否在同一目录中?

您应该尝试使用浏览器的开发人员工具来检查和跟踪网络ajax调用。您可能会收到404错误。

通过执行此操作,您可以获得有关错误的更多信息:

error: function(err) {
                console.log(err);
              }

错误的详细信息将显示在开发人员工具控制台上。大多数情况下,打开开发人员工具是通过在PC上按Ctrl + Shift + I或使用浏览器菜单来完成的。