phonegap .load jQuery无法加载

时间:2011-11-01 08:05:33

标签: javascript jquery cordova

  

可能重复:
  phonegap form submission to remote server

另一个问题。如果这个可以解决,我绝对可以解决这个问题phonegap form submission to remote server

所以这是代码 index.html

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link href="jquery.mobile-1.0rc1.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.scrollview.css" rel="stylesheet" type="text/css"/>
<link href="index.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.6.4.min.js"></script>    
<script src="jquery.mobile-1.0rc1.min.js"></script>
<script src="phonegap-1.0.0.js"></script>

<script>
function onLoad()
{
    $('#content').load('http://xxx.com/xxx/get.php');

}
</script>

</head>
<body>

<div data-role="page" id="header">

<div data-role="header">
<h1>Header</h1>
</div>

<div data-role="content" id="content">
<input type="button" value="click" onClick="onLoad();">
</div>

<div data-role="footer" id="footer">
<h4>Footer</h4>
</div>

</div>
</body>
</body>
</html>

get.php

<?php
echo '<p>this is a test</p>';
?>

一个非常简单的代码,但它不起作用。有人能指出我哪里做错了吗?我想要做的是从 get.php (远程服务器)获取响应。因此,它会将 get.php 中的“这是一个测试”打印到 index.html 中的 #content div 。提前谢谢。

1 个答案:

答案 0 :(得分:1)

只有在点击输入时才会调用onLoad函数(如jensgram所指出的那样):

<script>
function onLoad()
{
    $('#content').load('http://xxx.com/xxx/get.php');

}
$(window).load(function () {
  onLoad();
});
</script>

这样,当页面完全加载时,你的onLoad函数就会被加载。