easyui form ajax提交,Submit a form with Ajax

Submit a form with Ajax

Tutorial » Submit a form with Ajax

This tutorial will show you how to submit a form with easyui. We create an example form with name, email and phone field. By using easyui form plugin we change the form to Ajax form. The form submits all the fields to the background server, the server processes and sends some data back to the front page. We receive the back data and show it out.

Create Form

Name:

Email:

Phone:

File:

Change to Ajax form

$('#ff').form({

success:function(data){

$.messager.alert('Info', data, 'info');

}

});

The Server Code

form1_proc.php

$name = htmlspecialchars($_REQUEST['name']);

$email = htmlspecialchars($_REQUEST['email']);

$phone = htmlspecialchars($_REQUEST['phone']);

$file = $_FILES['file']['name'];

echo <

Email: $email

Phone: $phone

File: $file