如何从html表单提交中传递json对象 - how to pass a json object from html form submit

how to pass a json object from html form submit

本文关键字：json 对象表单提交 html | 更新日期: 2023-09-27

我有一个日志记录页面，我想以json格式将日志记录详细信息发送到checkuser.php文件，该文件是网站中的另一个页面。checkUser.php文件将创建一个新窗口。最好的方法是什么？如果可能的话，请给我举几个例子。

$("#myform").submit(function( e ) {
    e.preventDefault();
    $.ajax({
        url: "blabla.com/api",
        type: 'POST', 
        contentType: 'application/json', 
        data: JSON.stringify( { key: val } ) // <-------- HERE IS YOUR JSON
    }).done(function() {
        console.log('hooray!');
    });
});

假设您有一个登录表单login.php，其中包含html表单控件txtLogin和txtPassword以及一个Submit按钮。一旦用户提交表单，它就会将数据发布到checkuser.php上您可以编写以下代码，以JSON格式推送数据

$login = $_POST['txtLogin'];  
$password = $_POST['txtPassword'];
$userArray = array('login'=>$login,'password'=>$password);  
$json_array = json_encode($userArray);