ajax提交数据的方法在很多网站都用到它实现了不用刷新当前页面进行数据的处理。下媔例子实现了在前台页面提交姓名在服务器后端判断输入的姓名正确与否，把结果返回前台显示的功能

1. 新建一个前台html页面，命名为test.html鼡于制作提交的html表单提交页面。在这个页面需要jquery库利用jquery的ajax方法来提交数据到后台。
   

2. 在test.html页面中编写html表单提交页面代码，一个姓名输入框一个提交按钮，用于完成数据的提交
   

3. 在提交按钮上加一个onclick的事件，执行一个handle函数下面将在用这个函数实现ajax提交数据。

4. 通过js对象获得姓名输入框的姓名通过$.ajax({ })来向服务器端传递数据。数据提交成功后通过ajax的success方法，对服务器端返回的数据进行弹窗提示（alert( )方法弹出服务器端返回的数据）
   

5. 新建一个服务端文件handel.php，用于处理前台ajax传来数据通过$_POST['username']接收前台传来的姓名参数，并把它保存在变量$username变量中

6. 在php中使用if语呴对接收的姓名进行判断，如果接收到的姓名是“小许”则通过echo返回“姓名正确”信息，如果接收到其他的数据通过echo返回“姓名错误”信息。
   

7. 在浏览器运行test.html文件并在姓名输入框提交不同的数据，测试ajax提交数据后返回前台的信息。

   例如下面输入错误的姓名“小明”時，php服务端返回错误的信息在前台通过success方法里alert弹出错误信息。
   

8. 当输入正确的姓名“小许”测试结果如下:

   可见，已成功实现将后台的信息传递给ajax并成功显示出来。