ajax提交表单

最新推荐文章于 2024-07-16 10:02:19 发布

chongqingnantian

最新推荐文章于 2024-07-16 10:02:19 发布

阅读量76

点赞数

分类专栏： jquery-easyui-1.2.6 文章标签： json javascript ViewUI

本文链接：https://blog.csdn.net/chongqingnantian/article/details/84598330

版权

jquery-easyui-1.2.6 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.3.1/themes/default/easyui.css">
    
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.3.1/themes/icon.css">

    <script type="text/javascript" src="../js/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../js/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../js/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">
  var loginAndRegDialog;
  $(function(){
   loginAndRegDialog = $('#loginAndRegDialog').dialog({
    closable:false,
    modal : true,
    buttons : [{
     text : '登录',
     handler : function(){
      $.ajax({
       type : "POST",
       url : 'http://localhost:81/sdsweb/userMgr/user/login.action',
       data : {
        uname : $('#loginAndRegDialog input[name=name]').val(),
        password : $('#loginAndRegDialog input[name=password]').val()
       },
       //data : $('loginAndRegForm').serialize(),

//dataType指定以后，r的值就是对应的类型，比如dataType指定成json以后，jquery就会把返回的字符串转换成json对象，r也就是json对象了
dataType : 'text',

       success : function(r){
        alert(r);
       },
       error : function(){
        //$.messager.alert('Warning','The warning message','error');

          //从右下角慢慢弹出来
        $.messager.show({
         title : '提示',
         msg : '登录失败'
        });
       }
      });
     }
    },{
     text : '注册',
     handler : function(){
      alert("注册");
     }
    }]
   });
  });
</script>

</head>

<body>

   //用dialog的形式展现表单
  <div id="loginAndRegDialog" class="easyui-dialog" title="用户登录" style="top:100px;width:400px;height:200px;">
   <form id="loginAndRegForm">
    <table>
     <tr>
      <th>
       用户名
      </th>
      <td>
       <input name="name" />
      </td>
     </tr>
     <tr>
      <th>
       密码
      </th>
      <td>
       <input name="password" type="password" />
      </td>
     </tr>
    </table>
   </form>

  </div>
</body>
</html>

chongqingnantian

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax提交表单

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt; &lt;
复制链接

扫一扫