php - 添加两个事件

Question

我有一个表单，它将发送一些数据到 php 文件，然后返回一些结果，例如:

<form action"<?php $_SERVER['PHP_SELF']?>" method="post" id="data">
  <input type"text" name="first_name"/>
  <input type="text" name="last_name"/>
</form>

然后在 javascript 中我想捕获提交表单中的 clcik 事件作为示例:

$("#data").submit(function(){
some code .....
});

这将阻止将输入表单提交到 php 文件的默认操作，问题是我可以发送 php 文件的表单数据并同时捕获同一表单的事件吗？

NOTE the returned data from php file will be needed by another php function

Answer 1

要防止表单提交的默认行为(即页面重新加载)，您需要使用 event.preventDefault()像这样

$("#data").submit(function(event){
    event.preventDefault();
    //some code .....
});

要在不刷新页面的情况下将表单数据发布到 php 中，您需要使用任何 jQuery 可用的 ajax 方法，例如 .post() (这将使用 HTTP POST 方法发送表单值)，例如

$("#data").submit(function(event){
    event.preventDefault();// prevent page reload
    // Now post the form using Ajax
    // $(this).serialize() will return an array of all form fields as
    //                                                 name value pair 
    $.post('some_script.php',$(this).serialize(),function(data){
        // Just to check if everything is working well
        console.log('Form Submitted Successfully.');
        // do whatever you want with the data
   });
});

如果您的 php 脚本以 json 格式返回数据，您可以使用 php 设置 content-Type header 或强制 jQuery 将返回数据视为 JSON 通过在第四个参数中将 dataType 指定为 JSON，如

   $.post('some_script.php',$(this).serialize(),function(data){
        // Just to check if everything is working well
        console.log('Form Submitted Successfully.');
        // do whatever you want with the data
   },'json');