JQuery异步提交

最新推荐文章于 2021-04-01 04:05:17 发布

bytxl

最新推荐文章于 2021-04-01 04:05:17 发布

阅读量766

点赞数

分类专栏：网页

网页专栏收录该内容

102 篇文章 0 订阅

订阅专栏

http://www.cnitblog.com/hj627/articles/61395.html

http://blog.sina.com.cn/s/blog_696c8e1801014erk.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
<meta http-equiv="expires" content="0">
<title>SSL VPN</title>
<script language="javascript" src="/js/jquery.js?rnd=V3100"></script>

    <script type="text/javascript" language="javascript">
	$(document).ready(function()
    {
		$("#btnSubmit").click(function () 
		{
			jQuery.ajax(
			{
				url: '/cgi-bin/printenv.cgi',
				data: $('#myform').serialize(),
				type: "POST",
				beforeSend: function()
				{
					alert( "beforeSend" );
				},
				error: function(request) 
				{
					alert("error");
				},
				complete: function(XMLHttpRequest, textStatus)
				{
					alert( "complete" );
				},
				success: function(data) 
				{
					alert( "success" );
					alert( data );
				}
			});
		});
	});
    </script>
</head>

<body>
    <form id="myform">
    <div>
        姓名：<input type="text" id="txtUsername" name="txtUsername"/><br />
        年龄：<input type="text" id="txtAge" name="txtAge"/><br />
        备注：<input type="text" id="txtDescription" name="txtDescription" /><br />
        候时：<input type="text" id="txtWaitTime" Text="2000" name="txtWaitTime"/><br />
        <input type="button" id="btnSubmit" value="Submit"/>
    </div>
    </form>
</body>
</html>