告别AJAX实现无刷新提交表单

通常，我们利用Ajax技术实现无刷新提交表单的功能。最近我有幸了解到另一种新奇的无刷新提交表单方法，现在愿意分享给大家。

让我们从HTML页面开始。HTML页面的代码结构大致如下：

然后，在服务器端，我们使用PHP来处理表单提交的数据。以下是PHP页面的代码示例：

```php

// 非空验证

if(empty($_POST['uname']) || empty($_POST['pwd'])) {

echo '';

exit;

}

//验证密码

if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456') {

echo '';

exit;

} else {

echo '';

// 这里可以进行其他登录成功后的操作，比如跳转到用户首页等。

}

```这段代码中，我们首先进行非空验证，检查用户名和密码字段是否为空。如果为空，则弹出警告。接着进行密码验证，如果用户名和密码不匹配预设的值（这里为jack和123456），同样弹出警告。如果验证通过，则弹出登录成功的提示。在此过程中，表单的提交是通过隐藏的iframe完成的，实现了无刷新提交的效果。此方法充分利用了HTML和PHP的优势，无需引入额外的JavaScript库或技术，简单有效。