jquery ajax交付form参数
日期：2014-05-16 浏览次数：20662 次
jquery ajax提交form参数
在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方式，总之今天学习了这些，记下来，接下来继续总结
在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方式，总之今天学习了这些，记下来，接下来继续总结
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
