Question

急求Jquery Ajax 中怎么自定义data参数？遇到自定义参数传不到servlet中

<script type="text/javascript">
$(function(){
String str = "name1,name2,name3"; //假如是前台得到的文本框的name属性
String para=""; //创建一个data参数对象
var str_2=""; //最终得到的累加结果，最后一位带逗号的
var result_str=""; //最终拼加成data的字符串
var array = new Array();
array = str.split(","); //按照逗号分隔数组里面的name属性
if(array.length > 0){
$.each(array,function(index,value){
var get_value = "input[name='"+value+"']"; //创建一个得到文本框值的字符串
var str_1 = value+":'"+$(get_value).val()+"' , "; //得到的最终结果如：name:'张三',
str_2 += str_1; //累加每次循环的值，得到一个key:value类型的字符串
});
}
$("#submit").click(function(){
var mm = str2.substring(0,lastIndexOf(",")); //去掉最后拼加后的那个逗号
result_str = "{" +mm+ "}"; //最终拼加后字符串的结果
$.ajax({
url : "<%=basePath %>MyServlet?operation=insert",
type : "post",
data : result_str,
dataType : "json",
cache : false,
beforeSend : function(){alert("loading..");},
success : function(data){},
error : function(){alert("error...");}
});
});
});
</script>
代码自己拼加的data参数不能够传到后台Servlet中，取到的都为null，求高手指教，Jquery ajax中的data参数如何拼加才是正确的。能够把我最终得到的参数传到后台中，感激不尽啊，能够解决了继续加分。。
String str = "name1,name2,name3"; //假如是前台得到的文本框的name属性
String para=""; //创建一个data参数对象

声明错了，是 varstr = "name1,name2,name3"; //假如是前台得到的文本框的name属性
var para=""; //创建一个data参数对象

Answer 1

$(function(){
    
	var str = "name1,name2,name3"; //假如是前台得到的文本框的name属性
		var para = ""; //创建一个data参数对象
		var str_2 = ""; //最终得到的累加结果，最后一位带逗号的
		var result_str = ""; //最终拼加成data的字符串
		var array = new Array();
		array = str.split(","); //按照逗号分隔数组里面的name属性
		var obj = new Object();
		if (array.length > 0) {
			$.each(array, function(index, value) {
				var get_value = "input[name='" + value + "']"; //创建一个得到文本框值的字符串		
				obj.value = $(get_value).val();
				
			});
		}
		$("#submit").click(function() {
			var mm = str2.substring(0, lastIndexOf(",")); //去掉最后拼加后的那个逗号
			result_str = "{" + mm + "}"; //最终拼加后字符串的结果
			$.ajax({
				url : "<%=basePath %>MyServlet?operation=insert",
				type : "post",
				data : obj,
				dataType : "json",
				cache : false,
				beforeSend : function() {
					alert("loading..");
				},
				success : function(data) {
				},
				error : function() {
					alert("error...");
				}
			});
		});
	});

试试

追问

你创建的那个obj只是取得第一个文本框的值呃，不能够取得别的。

追答

修改13行
obj[value] = $(get_value).val();

 

$(function(){


$("#submit").click(function() {
var str = "name1,name2,name3"; //假如是前台得到的文本框的name属性
var array = new Array();
array = str.split(","); //按照逗号分隔数组里面的name属性
var obj = new Object();
if (array.length > 0) {
$.each(array, function(index, value) {
var get_value = "input[name='" + value + "']"; //创建一个得到文本框值的字符串

obj[value] = $(get_value).val();

});
}
alert(JSON.stringify(obj));
$.ajax({
url : "<%=basePath %>MyServlet?operation=insert",
type : "post",
data : obj,
dataType : "json",
cache : false,
beforeSend : function() {
alert("loading..");
},
success : function(data) {
},
error : function() {
alert("error...");
}
});
});
});

追问

var a = {b1:'申请人',b4:'地址'} 这个是我最终得到的拼加后的格式，这个格式怎么用到ajax中的data中呢？ data : a, 这样不行俄

追答

你把var a = {b1:'申请人',b4:'地址'} 定义在click的方法里面，然后ajax({
data : a,
})
注意ajax的dada是一个对象，不是字符串

追问

好想可以了，不过乱码，能够解决，不过还是想问下在Jquery ajax里定义的有解决乱码的方法没？ 还有就是obj里面存的是什么样子格式的数据，能否写个简单的数据结构我看看，我不知道data:obj， 这样也可以用了，新手，求指教

追答

乱码问题一般出现在以下地方：
1 html页面用utf-8。
2 ajax方法里写 contentType: "application/x-www-form-urlencoded; charset=utf-8",
3 后台的sevlet里有request.setContentType和request.setcharacterencoding方法，设置成utf-8
4 数据库编码ut8-8
obj是什么格式
你可以用alert(JSON.stringify(obj));查看啊
一般是{"name1":"e","name2":"f","name3":"e"}

追问

看了，是那样的格式，我写的里面最终拼加的字符串不能够转化成那样的吗？

追答

var obj = JSON.parse(你的字符串);
前提的你拼得字符串正确

Answer 2

$("#submit").click(); 这个id是submit的按钮是button 还是 submit 如果是submit 需要
$("#submit").click(function( e ){
e.preventDefault();//不让页面提交

var mm = str2.substring(0,lastIndexOf(",")); //去掉最后拼加后的那个逗号
}

Answer 3

　　数据格式不对，你用的json，json使用的键值对形式存储数据。如：
{“a”:"A","b":"B","c":"C"}

追问

上面有转成json格式的

这是最后生成的格式： {b1:'申请人',b4:'地址'}

追答

你的str2未定义，是不是str_2呢

还有，你前面做的那些累加字符串工作都是在页面加载的时候做的，到执行单击事件的时候，获取到的字符串都是空的吧

追问

是的，手打的例子，可能有的没打上去。