您的位置:首页 > Web前端 > JQuery

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);

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: