[英]Connecting to external server for HTML5 app
我正在使用表单提交和更新位于外部服务器上的数据库。 当我将所有文件放在同一服务器(PHP和html)上时,我可以进行更新而没有任何问题。 但是,当我将其分离出来时,仅将php文件留在服务器上并从计算机上操作html文件时,我将无法再进行更新。
当我单击提交表单时,JavaScript中的第一个alert("submit")
甚至不会触发。 我无法将所有文件保留在服务器上,因为html部分将被转换为HTML5应用程序。 无论如何,我可以解决这个使文件分开的问题。
HTML代码
<html>
<head>
<title></title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<form method="post" id="infoForm">
<input type="text" name="first_name" id="first_name" value="" placeholder="First Name" />
<input type="text" name="last_name" id="last_name" value="" placeholder="Last Name" />
<input type="text" name="email" id="email" value="" placeholder="Email" />
<button type="submit">Submit</button>
</form>
<script>
$('#infoForm').submit(function() {
alert("submit");
var postTo = 'http://www.examplesite.com/add.php';
$.post(postTo,({first_name: $('[name=first_name]').val(), last_name: $('[name=last_name]').val(), email: $('[name=email]').val()}),
function(data) {
alert("data is " + data);
if(data != "") {
// do something
} else {
// couldn't connect
}
},'json');
return false;
});
</script>
</body>
</html>
PHP代码:
<?php
$server = "localhost";
$username = "user";
$password = "pass";
$database = "db";
$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);
$firstname = mysql_real_escape_string($_POST["first_name"]);
$lastname = mysql_real_escape_string($_POST["last_name"]);
$email = mysql_real_escape_string($_POST["email"]);
$sql = "INSERT INTO personnel (first_name, last_name, email) ";
$sql .= "VALUES ('$firstname', '$lastname', '$email')";
if (!mysql_query($sql, $con)) {
die('Error: ' . mysql_error());
} else {
echo "Comment added";
}
mysql_close($con);
您说即使警报也不会触发。 检查jQuery是否正确加载。 从本地主机运行时尝试更改:
//code.jquery.com/jquery-1.11.3.min.js到http://code.jquery.com/jquery-1.11.3.min.js
那是因为浏览器本地提供文件,不知道它应该从Web加载外部库。 明确设置协议将使他不在文件系统中搜索它们,而是通过url加载。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.