我知道必须使用jquery / AJAX通过PHP文件进行连接。我的第一步只是使一个JSON的AJAX调用起作用。但我一直遇到访问被拒绝的错误和404错误,因为我正在目标localhost服务器上。
我已经在XDK中创建了我的PHP文件,这样做可以吗?还是在使用XAMPP时需要将它们放在htdocs中的其他位置。问题在于我不知道我要解决什么问题。我以为只需将目标定位到我的Xampp URL :localhost->然后路径到文件即可。
我也不知道我的jquery是否正常工作。
下面是我的ajax/jquery/index页面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(e){
e.preventDefault(); // prevent the default action of the click
var fname = $("#name").val();
$.ajax({
type: "GET",
url: 'http://localhost/nearly/nearly/www/php/test.php;',
data: {fname: fname},
dataType: "jsonp",
jsonp: 'callback',
jsonpCallback: 'checkname',
success: function(msg){
msg=alert("hello");
}
});
});
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="main" class="ui-content">
<form method="get" >
<label for="name">First name:</label>
<input id="name" type="text" name="name" id="name">
<button id="btn1" type="submit">Go</button>
</form>
</div>
<div id="table"></div>
</div>
</body>
</html>
我用PHP编写了一个处理程序,名为test.php:
<?php
header("Content-Type: application/json");
$fname = $_GET['firstname'];
echo $_GET['checkname'] . '(' . "{'fullname' : '".$fname."'}" . ')';
}
?>
我对上面的JSON并不完全了解,因为我很少使用这种方法,但听说它最适合移动应用程序。
如果可能的话,希望有人能提供一些关于如何在Xampp mySQL上设置XDK的建议,并让我知道我的代码是否会返回到我的主页,以便我知道它是否工作正常。
我可以使用保存在“www”项目中的php文件吗?我找不到任何有关设置XAMPP与XDK的文档。如果这是唯一的方法,我可以将文件放在Web服务器上。我已经花费了整整两个晚上来解决我的问题 -
非常感谢您的帮助。对于Xampp问题,我的项目保存在XAMPP的htdocs中。