<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- easyui的样式 -->
<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>
相关推荐
利用ajax提交表单完整流程
利用jquery的ajax提交表单数据到后台。后台使用spring.
vue1/2 ajax提交表单
ajax提交表单,并对提交中文时的乱码进行处理.
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
Asp+ajax提交表单实例,很好用的啊.
这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言
该例子是使用 Ajax 提交 Ext 表单,并通过 success 和 failer 返回相应的值。
开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加。 在网上看了很多的解决方式,我是用下面这种方法解决的: 1,首先在模板里面加上一个meta : ...
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...
主要介绍了AJAX提交表单数据的方法,实例分析了Ajax调用的原理与实现技巧,需要的朋友可以参考下
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
用ajax技术将表单中的控件内容全部提交。
本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传.
Laravel-Bootstrap-Modal-Form, 使用AJAX提交模式中的Bootstrap 表单,使用 Laravel 验证 Laravel-Bootstrap-Modal-Form你的Laravel 应用程序的表单验证扩展插件。... 这里脚本保持模式打开,通过AJAX提交表单,查
主要介绍了thinkPHP5 ajax提交表单操作,结合实例形式分析了thinkPHP5的ajax提交表单操作技巧,并附带说明了表单提交中的参数传递与处理技巧,需要的朋友可以参考下