jquery ajax提交form参数

iteye_8188

于 2011-08-22 19:19:12 发布

阅读量217

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB开发文章标签： jquery ajax form表单提交

本文链接：https://blog.youkuaiyun.com/iteye_8188/article/details/82126083

WEB开发专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了在web开发中利用jQuery AJAX技术实现表单数据提交到服务器进行CRUD操作的方法，包括AJAX的基本概念、语法结构以及实例应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在web开发中，经常要将表单数据提交到服务器做CRUD操作，最近学习了用jquery的ajax提交表单数据

代码:
<html>
<head>
<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript">
$().ready(function() {
$("#submit").click(function() {
var username = $("#username").val();
var password = $("#password").val();

$.ajax({
url : "login", //发送请求的地址，即参数提交的地址
data : "username=" + username + "&password=" + password,//要提交的参数
type : "POST", //HTTP请求方式，与表单中得method相对应
............
});
}
});
</script>
</head>
<body>
<form name="login" method="post" action="login">
用户名：<input type="text" name="username" id="username" />
密码：<input type="password" name="username" id="password" />
</form>
</body>
</html>

其中参数也可以放在url中一起提交，type还有get方式，总之今天学习了这些，记下来，接下来继续总结