Javascript php无法在html提交表单上发布
如何编写ajax脚本从HTML调用PHP文件 我尝试了以下ajax,但它不起作用。我只想让它在用户单击submit按钮后调用userlogin.php 变化如下Javascript php无法在html提交表单上发布,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,如何编写ajax脚本从HTML调用PHP文件 我尝试了以下ajax,但它不起作用。我只想让它在用户单击submit按钮后调用userlogin.php 变化如下 <form Name ="form1" Method ="POST" action = "" id="form1"> 更改url:'userlogin.php'尝试用input type=“button”替换input type=“submit”,并将单击事件绑定到按钮,而不是绑定表单提交事件,以进行ajax调用发
<form Name ="form1" Method ="POST" action = "" id="form1">
更改
url:'userlogin.php'
尝试用input type=“button”替换input type=“submit”,并将单击事件绑定到按钮,而不是绑定表单提交事件,以进行ajax调用发布数据。对按钮单击进行ajax调用,而不是按如下方式提交:
$( "#submit" ).bind( "click", function() {
//Replace your ajax code with comment
});
您可以了解有关上的事件绑定的更多信息。您的脚本部分,您错过了使用“}”)关闭一个函数;'
此人也有同样的问题
url:'userlogin.php',
?删除内联onlickonclick=“click_button_login()”
同时添加e.preventDefault()代码>我将添加e.preventDefault();到按钮?@user20051996您有什么错误?我已将此更改为按钮。“绑定点击事件”是什么意思?点击事件绑定是指处理点击事件。按如下所示单击按钮而不是提交时进行ajax调用:$(“#提交”).bind(“单击”,函数(){//用注释替换ajax代码);您可以了解有关上的事件绑定的更多信息。检查更新的应答器已更改此设置,但它仍然给了我相同的错误:(请检查控制台错误详细信息并在此处发布。加载资源失败:服务器响应状态为404(未找到)..…我的应用程序似乎无法找到php文件,即使它位于正在搜索的确切文件中for@user20051996首先在ajax中更改url,然后请将数据类型更改为json。在提交时调用ajax的一件事是,您还必须调用验证函数检查表单,在成功时调用ajax。或者使用HTML 5必填属性更改了此设置,单击“提交”按钮后仍保持在同一页上是否要在提交时导航到下一页?是的,如果用户详细信息正确,我无法导航到下一页,否则他们应保持在同一页上。我如何才能执行此操作?如果您只想重定向到pos上的另一页t、 您不需要ajax。您可以使用html表单提交。要使用ajax提交,您需要从服务器(PHP)返回html内容不要试图重定向。在PHP中,您应该返回HTML内容。在Javascript Ajax成功中,您需要在页面的div/body中设置收到的HTML响应。@user20051996请通过上面的检查让我知道这是否有效,只需检查所有大括号是否正确关闭。您好,谢谢您的帮助,尽管“Canno”仍然会收到相同的错误t POST'您是否更改了数据类型和url?是的,我将其更改为我的php文件,并且数据类型=json?是的,像这样的数据类型:'json',当我运行您的命令时,它工作正常,我更改的是,在形式上,我对“#”进行了操作我已经对你的myApp行进行了注释,只需检查你对myApp没有问题,然后在你的ajax文件中打印$\u POST,看看你的php代码中是否有错误
jQuery(document).ready(function($){
$('form[name=form1]').submit(function(){
$.ajax({
method: 'POST',
url: 'ajax.php',
dataType: 'json',
data: $(this).serialize(),
beforeSend: function(){
// myApp.showIndicator();
},
sucess: function(data) {
//myApp.hideIndicator();
//myApp.alert(data);
}
});
return false;
}); // this is what your are missing in your code
});