jquery ajax中data参数的传递
2015-12-15 14:34
627 查看
在使用jquery 框架中的 ajax时,如果要将参数传递到action 中,那么有以下两种,方式:
第一种方法:
function test(){
var id = $("#id").val(); //通过表单元素id取值。
var name = $("#name").val();
$.ajax({
type : "POST",
url : url,
async:true,
dataType:'json',
data: {id:id,name:name},
//参数之间用“,” 逗号隔开。
error : function(){},
success : function(data) {
.......
}
});
}
这样写不利于扩展,所传的参数都定死的,不灵活。
第二中方法:
function test(map){
$.ajax({
type : "POST",
url : url,
async:true,
dataType:'json',
data: map,
error : function(){},
success : function(data) {
.......
}
});
}
function test2(){
var id = $("#id").val(); //通过表单元素id取值。
var name = $("#name").val();
var map = "id="+id+" &name="+name; //参数之间用“&”隔开。这里注意连接符是用:“&” ,而不是“,”今天就放了一个错,用错了符号。
test(map);
}
在使用jquery 框架中的 ajax时,如果要将参数传递到action 中,那么有以下两种,方式:
第一种方法:
function test(){
var id = $("#id").val(); //通过表单元素id取值。
var name = $("#name").val();
$.ajax({
type : "POST",
url : url,
async:true,
dataType:'json',
data: {id:id,name:name},
//参数之间用“,” 逗号隔开。
error : function(){},
success : function(data) {
.......
}
});
}
这样写不利于扩展,所传的参数都定死的,不灵活。
第二中方法:
function test(map){
$.ajax({
type : "POST",
url : url,
async:true,
dataType:'json',
data: map,
error : function(){},
success : function(data) {
.......
}
});
}
function test2(){
var id = $("#id").val(); //通过表单元素id取值。
var name = $("#name").val();
var map = "id="+id+" &name="+name; //参数之间用“&”隔开。这里注意连接符是用:“&” ,而不是“,”今天就放了一个错,用错了符号。
test(map);
}
相关文章推荐
- jquery 对 Json 的各种遍历
- jquery ajax 参数传递与数据保存实例
- jquery noty插件 消息通知 01
- jquery noty插件 消息通知 01
- jquery,返回到顶部按钮
- $.merge()——JQuery
- JQuery 常用小技巧
- jquery里面的extend方法
- jQuery 遍历
- jquery的ajax提交时“加载中”提示的处理方法
- jQuery HTML 添加和删除元素
- jQuery - 获取并设置 CSS 类、尺寸
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- jquery中的设计模式(一)
- JQuery获取与设置HTML元素的内容或文本的实现代码
- jquery from插件 jquery.form.js
- jquery from插件 jquery.form.js
- Jquery基础之DOM操作
- JQuery中Ajax()的data参数类型实例分析
- <学习笔记> jQuery Mobile 学习随笔