我可以使用PhoneGap Jquery进行ajax调用吗?

时间:2011-08-12 22:02:37

标签: php jquery ajax jquery-mobile cordova

我可以在PHONEGAP中使用JQuery ajax调用来运行从数据库获取记录的php文件吗?或者我应该使用Javascript Ajax?什么是在PHONEGAP中实现这一目标的最佳方式?

1 个答案:

答案 0 :(得分:12)

您当然可以在PhoneGap应用程序中使用jQuery Ajax函数。这是一个演示:

- App中的JavaScript -

$('#some_page_id').bind('pageshow', function () {
    $.get('http://domain.com/path/to/script.php?get_param=value', function (data) {
        $(this).find('div[data-role="content"]').append(data);
    });
});

- 服务器上的PHP -

if (isset($_GET['get_param']) && $_GET['get_param'] == 'value') {
    $query = mysql_query("SELECT * FROM some_table WHERE some_col='something'", $db_handle);
    if (mysql_affected_rows() > 0) {
        while ($row = mysql_fetch_assoc($query)) {
            echo "<div>" . $row['some_other_col'] . "</div>";
        }
    } else {
        echo "No Data Found";
    }
}

上面的示例将在每次显示“#some_page_id”页面时查询服务器上的PHP脚本,并将抓取的数据附加到<div data-role="content">标记。您也可以使用.html(data)代替.append(data)来替换HTML而不是添加HTML。

<强>更新

我在jQuery Mobile文档中发现了这一点,该文档提供了有关在PhoneGap应用中进行$.ajax()调用的一些优秀信息:http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html