ajax提交form表单数组（form表单提交了多个checkbox怎么获取复选框的值存入数组）

本文目录

• form表单提交了多个checkbox怎么获取复选框的值存入数组
• ajax中的$ajax，提交为什么会出现404
• 如何通过 Ajax 提交一个 JavaScript 对象数组
• ajax传数组怎么传
• 如何结合Jquery 的validate 和 ajax submit进行工作

form表单提交了多个checkbox怎么获取复选框的值存入数组

例：

《scriptsrc=“http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js“》《/script》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“1“/》

《label》幻觉《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“2“/》

《label》交流困难《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“3“/》

《label》猜疑《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“4“/》

《label》喜怒无常《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“5“/》

行为怪异

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“6“/》

兴奋话多

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“7“/》

《label》伤人毁物《/label》

《br/》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“8“/》

《label》悲观厌世《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“9“/》

《label》无故外走《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“10“/》

《label》自言自语《/label》

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“11“/》

孤僻懒散

《inputname=“Jszzdm1“id=“Jszzdm1“type=“checkbox“value=“12“/》其他

《inputtype=“hidden“name=“Jszzdm“id=“Jszzdm“value=“@Model.Jszzdm“/》

《script》

$(’input[type=checkbox]’).change(function(){

$(’#Jszzdm’).val($(’input[type=checkbox]:checked’).map(function(){returnthis.value}).get().join(’,’))

})

《/script》

《inputtype=“button“value=“GET“onclick=“alert($(’#Jszzdm’).val())“/》

扩展资料

from表单中checkbox的多选，ajax转入后台，后台接受

varcheck=;//定义一个空数组

$(“input[name=’category’]:checked“).each(function(i){//把所有被选中的复选框的值存入数组

check[i]=$(this).val();

});

$.ajax({

type:“post“,

url:“${ctx}/ask/ask/check“,

data:{“check“:check},

traditional:true,

datatype:“json“,

success:function(dates){

},

error:function(){

alert(“失败，请稍后再试！“);

}

});

ajax中的$ajax，提交为什么会出现404

404错误有一个很直接的问题，就是路径错误。

以下介绍$.ajax用法以及注意事项：

$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到$.ajax()

$.ajax的一般格式如下：

$.ajax({

type: ’POST’,

url: url ,

data: data ,

success: success ,

dataType: dataType

});

$.ajax的参数描述：

$.ajax需要注意的一些地方：

(1).data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；通过dataType指定，不指定智能判断。

(2).$.ajax只提交form以文本方式，如果异步提交包含《file》上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

如何通过 Ajax 提交一个 JavaScript 对象数组

把对象数组转换成json，然后后台在把json转换成对象数组

ajax传数组怎么传

javascript 啊！

如何结合Jquery 的validate 和 ajax submit进行工作

在jquery 中使用ajax方式进行异步调用有3种方式：$.post、$.get、$.ajax. 　　其中$.post、$.get是封装的$.ajax方法。处理一些较为简单的ajax请求，参数少的情况。 　　如果遇到复杂数据传输，或者对传输配置参数需要定义，就需要$.ajax了。 　　一、$.ajax的一般格式 　　$.ajax({ 　　type: ’POST’, 　　url: url , 　　data: data , 　　success: success , 　　dataType: dataType 　　}); 　　二、$.ajax的参数描述 　　参数 描述 　　 　　 　　url 必需。规定把请求发送到哪个 URL。 　　data 可选。映射或字符串值。规定连同请求发送到服务器的数据。 　　success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。 　　dataType 可选。规定预期的服务器响应的数据类型。 　　默认执行智能判断（xml、json、script 或 html）。 　　 　　三、$.ajax需要注意的一些地方： 　　1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的； 　　通过dataType指定，不指定智能判断。 　　2.$.ajax只提交form以文本方式，如果异步提交包含《file》上传是传过不过去, 　　需要使用jquery.form.js的$.ajaxSubmit 　　四、代码实例。 　　1.$.ajax带json数据的异步请求 　　1 《SPAN style=“FONT-FAMILY: 微软雅黑, ’Microsoft YaHei’; FONT-SIZE: 14px“》 var inputMac = $(“#inputMac“).val();《BR》 var selectType = $(“#selectType“).val();《BR》 var selectStatus = $(“#selectStatus“).val(); 《BR》 $.ajax({《BR》 type: “post“,《BR》 dataType: ’json’,《BR》 url: AjaxUrl,《BR》 data: {《BR》 mac: inputMac,《BR》 status: selectStatus,《BR》 type: selectType《BR》 },《BR》 success: function (data, textStatus) {《BR》 if (data != null) {《BR》 《BR》 var ap = eval(data);《BR》 if (ap != null && ap!=“undefined“ && ap.Id》0) {《BR》 //window.location.href = ’index.aspx’;《BR》 alert(“添加成功。“); return;《BR》 }《BR》 else {《BR》 alert(“添加失败，请检查输入是否正确。“); return;《BR》 }《BR》 }《BR》 },《BR》 complete: function (XMLHttpRequest, textStatus) {《BR》《BR》 },《BR》 error: function (e) {《BR》 alert(“添加失败，请检查输入是否正确。“); return;《BR》 }《BR》 });《BR》《/SPAN》 　　2.$.ajax序列化表格内容为字符串的异步请求 　　使用方法是： var formParam = $(“#form1“).serialize();//序列化表格内容为字符串 。 　　将formParam作为data传递给服务器。 　　serialize() 与 serializeArray() 　　serialize() : 序列表表格内容为字符串。