【发布时间】:2017-06-28 00:03:22
【问题描述】:
如果我错过了一个基本部分,请告诉我。但是在这里谷歌搜索后,我仍然不明白为什么 Ajax 代码不能正常工作。
我的java脚本代码
$(document).ready(function(){
$("#tform").submit(function() {
var varUserName=$("#UserName").val();
var varUserEmail=$("#UserEmail").val();
var varUserPassword=$("#UserPassword").val();
alert("email: " + varUserEmail + " name: " + varUserName + " pass: " + varUserPassword);
$.ajax({
type : "POST",
url:"http://mydomain/tesfolder/Insert.php",
crossDomain: true,
data : {UserName : varUserName, UserPassword : varUserPassword,UserEmail:varUserEmail},
dataType : 'json',
success : function(response) {
//console.error(JSON.stringify(response));
alert('Works!');
},
error: function(xhr, status, error) {
//alert("Didnt work");
//console.error(JSON.stringify(response));
}
});
});
});
<form id="tform">
<input class="app-input" type="text" name="UserName" placeholder=" Votre Pseudo" id="UserName">
<input class="app-input" type="email" name="UserEmail" placeholder="Votre Email" id="UserEmail">
<input class="app-input" type="password" name="UserPassword" placeholder=" Votre Mot de passe" id="UserPassword">
<input name="MSubmit" type="submit" value="Submit" id="Msubmit">
</form>
当我在本地主机上运行时,PHP 代码可以正常工作。
我还在php代码的开头添加以下行
<?php
header("Access-Control-Allow-Origin: *");
...
?>
java 脚本中的警报显示表单发送数据。
感谢您的帮助。
Adjeiinfo
【问题讨论】:
-
我建议在浏览器的检查器中查看有效负载。获取访问日志的实时提要以查看是否正在建立连接也无济于事。
-
缺少的一件重要的事情是您不要阻止默认表单提交......您的页面可能正在刷新。有关更简洁的 CORS 实现,请参阅stackoverflow.com/a/9866124/1175966
标签: javascript jquery ajax phonegap