Php 使用jqueryajax提交基本表单

我有一个基本的html表单和一个名为“response”的div，用户输入密码，脚本应该检查数据库以找到用户名（工作正常），然后在表单下的“response”div中打印用户名以供进一步处理，但是我无法让jQuery/Ajax在后台将表单和查询提交到数据库（我对jQuery很陌生）

到目前为止我已经知道了，有人能帮我把它弄好吗

php（checkuser.php）：

html:

---

一切都会发生在你不确定在这里该做什么的地方

 success: function(response) {
    alert(response);
 }

另外，我不知道为什么php中有return$user。注释该行并测试上述代码

---

所以响应包含php响应的内容。你现在可以用它来做任何你想做的事情。

一切都会发生在你不确定该做什么的地方

 success: function(response) {
    alert(response);
 }

另外，我不知道为什么php中有return$user。注释该行并测试上述代码

---

所以响应包含php响应的内容。您现在可以使用它来做任何您想做的事情。

您需要防止默认的表单行为，并在

#response

div中显示来自ajax请求的响应

$(function() {
   $("#form_submit").click(function(e) {
       e.preventDefault();
       $.ajax({
           type: "POST",
           url: "http://--SITE--/--FOLDER--/checkuser.php",
           data: "password=" + $("#form_pass").val(),
           success: function(result) {
              $('#response').html(result); 
           }
       });
    });
});

---

您需要防止默认表单行为，并在

#response

div中显示来自ajax请求的响应

$(function() {
   $("#form_submit").click(function(e) {
       e.preventDefault();
       $.ajax({
           type: "POST",
           url: "http://--SITE--/--FOLDER--/checkuser.php",
           data: "password=" + $("#form_pass").val(),
           success: function(result) {
              $('#response').html(result); 
           }
       });
    });
});

这将返回目标页面将要输出的任何输出

您不需要表单来完成此过程

这将返回目标页面将要输出的任何输出

---

您实际上不需要表单来完成此过程

我们很少让

提交

按钮来完成它的工作。我们有点喜欢把它当作一个按钮，而它不仅仅是一个按钮。因此，由于您可能是新手，让我向您介绍

submit

按钮和事件。该按钮用于

提交

表单：

$(function() {
   $("#pass_form").submit(function(e) {
       e.preventDefault();
       $.ajax({
           type: "POST",
           url: "http://--SITE--/--FOLDER--/checkuser.php",
           data: "password=" + $("#form_pass").val(),
           success: function(result) {
              $('#response').html(result); 
           }
       });
    });
});

---

因此，我们将a

submit

事件处理程序绑定到

表单

，然后

submit

按钮从那里开始执行。

我们很少让

submit

按钮执行它的工作。我们有点喜欢把它当作一个按钮，而它不仅仅是一个按钮。因此，由于您可能是新手，让我向您介绍

submit

按钮和事件。该按钮用于

提交

表单：

$(function() {
   $("#pass_form").submit(function(e) {
       e.preventDefault();
       $.ajax({
           type: "POST",
           url: "http://--SITE--/--FOLDER--/checkuser.php",
           data: "password=" + $("#form_pass").val(),
           success: function(result) {
              $('#response').html(result); 
           }
       });
    });
});

---

因此，我们将a

submit

事件处理程序绑定到

form

上，然后

submit

按钮从那里开始执行。

$（“#form#u submit”）。单击（函数（e）{e.preventDefault（）；…

成功：函数（响应）{console.log（响应）；

$（“#表单#submit”）。单击（函数（e）{e.preventDefault（））；…

成功：函数（响应）{console.log（响应）

别忘了传递事件

e

。别忘了传递事件

e

。谢谢-我删除了报税表，你的工作做得很好谢谢-我删除了报税表，你的工作做得很好@Crizly！！让我知道我可以如何提供进一步的帮助。太好了@Crizly！！让我知道我可以如何提供进一步的帮助。

$(function() {
   $("#pass_form").submit(function(e) {
       e.preventDefault();
       $.ajax({
           type: "POST",
           url: "http://--SITE--/--FOLDER--/checkuser.php",
           data: "password=" + $("#form_pass").val(),
           success: function(result) {
              $('#response').html(result); 
           }
       });
    });
});