阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      EasyUI 表单 – 创建异步提交表单

      EasyUI 表单 - 创建异步提交表单

      本教程向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面。我们接收返回数据,并将它显示出来。

      创建表单(Form)

      <div style="padding:3px 2px;border-bottom:1px solid #ccc">Ajax Form</div>
      <form id="ff" action="form1_proc.php" method="post">
          <table>
              <tr>
                  <td>Name:</td>
                  <td><input name="name" type="text"></input></td>
              </tr>
              <tr>
                  <td>Email:</td>
                  <td><input name="email" type="text"></input></td>
              </tr>
              <tr>
                  <td>Phone:</td>
                  <td><input name="phone" type="text"></input></td>
              </tr>
              <tr>
                  <td></td>
                  <td><input type="submit" value="Submit"></input></td>
              </tr>
          </table>
      </form>
      

      改变为 Ajax 表单

          $('#ff').form({
              success:function(data){
                  $.messager.alert('Info', data, 'info');
              }
          });
      

      服务器端代码

      form1_proc.php

      $name = $_POST['name'];
      $email = $_POST['email'];
      $phone = $_POST['phone'];
      
      echo "Your Name: $name <br/> Your Email: $email <br/> Your Phone: $phone";
      
      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录