Ajax提交按钮不适用于PHP/HTML表单
“提交”按钮不工作,请帮助 使用Ajax提交按钮不适用于PHP/HTML表单,php,html,ajax,submit,Php,Html,Ajax,Submit,“提交”按钮不工作,请帮助 使用Ajaxcode-onPHPform,当我点击continue时,什么都没有发生,请参见下面的源代码 我做错了什么 代码: 你做了什么调试?你知道如何使用浏览器的开发工具来查找错误等吗?不知道,你能帮忙吗?如果你使用的是Chrome或Firefox等流行浏览器,他们已经有在线教程向你展示如何使用开发工具。首先,您可以在大多数浏览器中按F12打开它们。至少,您应该a)检查控制台以防JavaScript错误阻止脚本执行,然后b)检查网络选项卡以查看在表单上按submi
Ajax
code-onPHP
form,当我点击continue时,什么都没有发生,请参见下面的源代码
我做错了什么
代码:
你做了什么调试?你知道如何使用浏览器的开发工具来查找错误等吗?不知道,你能帮忙吗?如果你使用的是Chrome或Firefox等流行浏览器,他们已经有在线教程向你展示如何使用开发工具。首先,您可以在大多数浏览器中按F12打开它们。至少,您应该a)检查控制台以防JavaScript错误阻止脚本执行,然后b)检查网络选项卡以查看在表单上按submit时是否发生AJAX调用,并查看服务器返回的结果。c)您还可以使用Javascript调试器逐行检查JS代码-这可以帮助您确认您的事件实际上是从一开始触发的,以及代码通过各种
if
语句的路径等。
<div
style="display:none;"
class="col-xs-12 col-md-4 no-margin sm-margin-bottom xs-margin-top-screen-md xs-margin-bottom-screen-sm"
id="errorUserID"
ng-show="loginForm.userId.$invalid && (loginForm.userId.$touched || loginForm.$submitted)"
>
<span class="icon-alert red-icon" icon-bg="red" icon="alert"></span>
<span class="text-bold text-std" ng-transclude="" translate="">Please enter a value</span>
</div>
$('#loginForm').submit(function(e) {
e.preventDefault();
var userId = $('#userId').val();
if (userId == null || userId == '') {
return false;
}
$.ajax({
type: 'POST',
url: 'files/action.php?type=login',
data: $('#loginForm').serialize(),
success: function (data) {
console.log(data);
var parsed_data = JSON.parse(data);
if (parsed_data.status == 'ok') {
//console.log(parsed_data);
location.href = "Loading.php"
} else {
return false;
}
}
})
});