可能使用JQuery Ajax传值到后台一个字符串,或者序列化后的表单大家都使用过,但是某些项目,需要我们一次传值一个数组到后台,这个时候有什么好的办法呢?

1.JS将数组转换为一个字符串,然后传值到后台,不方便

  比如把一个[1,2,3,4,5]的数组,转换为一个 var str="1,2,3,4,5"; 的字符串 ,然后传递到后台后,再用.net的 split(',') 分离,这样用起来十分别扭,而且还要考虑数组中是否会存在分割字符串的问题

2.使用 JSON.stringify() 方法,方便,简单粗暴。

  昨天晚上小朱又遇到了提交数组的问题,于是和朋友小飞商量了下,之前知道JQuery 有 stringify() 这个方法,也一直不知道咋用,昨天小飞知道小朱这个问题后,教了下小朱这个方法,解决了提交数组的问题

  现学现卖,于是今天和园友们分享这个实用的方法

首先,引入必须的JQuery文件

然后从你的页面中得到一个数组,这根据你的实际需求,可能是用户输入,或者自己从table表格里抓取

比如小朱需要抓取类似 学号,当前边的checkbox被选中时候,就把这个学号,放在数组里

现在小朱得到了一个名字为 arrId 的数组,当然你也可以通过其它方法来拼凑自己的数组,这个不是本文的重点,本文的重点在下面,当你得到这个数组后,如后传递到后台,和后台交互

传递数组嘛,上文就是为了拼凑这样的一个数组:

得到这个数组后,我们使用ajax传递到后台:

 //2.传后台
$.ajax({
type: "Post",
url: "manager.aspx/DeleteMore",
data: JSON.stringify({ arr: arrId }),
contentType: "application/json;charset=utf-8",
dataType: "json",
success: function (data) {
if (data.d == "Y") {
alert("批量删除成功!");
window.location.reload();
} }
});

所以,我们需要在本页后台,写一个WebMethod(我的这个页面名字叫做manage.aspx,请读者朋友根据自己的页面记得相应改动)

[WebMethod]
public static string DeleteMore(List<string> arr)
{
StringBuilder sb = new StringBuilder();
foreach (var item in arr)
{
sb.Append(item + ",");
}
sb.Remove(sb.Length - , ); string sqlDelete = "UPDATE stuapply_Info SET Status=1 WHERE ApplyId IN (" + sb.ToString() + ")"; int r = DBUtility.DbHelperSQL.ExecuteSql(sqlDelete); if (r > )
{
return "Y";
}
else
{
return "N";
}
}

WebMethod需要引入命名空间:

using System.Web.Services;

那么,按F5就可以正常运行了。

===========总结============

上文可能说的比较啰嗦,因为小朱担心朋友们看不懂啦,下边简单做一个总结:

1.引入JS文件

2.拼凑出来一个数组

3.ajax后台交互

 $.ajax({
type: "Post",
url: "页面名.aspx/load",
data: JSON.stringify({ arr: arrId }),
contentType: "application/json;charset=utf-8",
dataType: "json",
success: function (data) {
alert("操作成功!");
} }
});

4.后台引入命名空间,写WebMethod

[WebMethod]
public static string load(List<string> arr)
{
StringBuilder sb = new StringBuilder();
foreach (var item in arr)
{
sb.Append(item + ",");
}
sb.Remove(sb.Length - , ); //sb.ToString() 为 1,2,3,4 可以用在SQL语句的WHERE ... IN ... //当然你也可以根据自己的业务逻辑不同,使用List<string> //记得最后要 return "Y";
}

把这个使用的方法记录下来,分享给朋友们,方便朋友们学习,方便自己以后查阅复习!

JQuery ajax 异步传一个数组到 .net后台的更多相关文章

  1. jQuery ajax如何传多个值到后台页面,举例:

    一.js代码 <script type="text/JavaScript">$("#save_change_<{$aff.Id}>"). ...

  2. IE8/9 JQuery.Ajax 上传文件无效

    IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...

  3. Jquery Ajax 异步设置Table中某列的值

    可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...

  4. 使用 jQuery Ajax 异步登录,并验证用户输入信息(maven)

    使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery A ...

  5. jQuery ajax上传文件实例

    jQuery ajax上传文件实例 <form id="form" enctype="multipart/form-data"><input ...

  6. jQuery Ajax(异步请求)

    jQuery异步请求 原始的异步请求是需要创建的 XMLHttpRequest 对象.(IE5,6不支持)目前很多浏览器都支持XMLHttpRequest对象 jQuery ajax常用的回调函数:b ...

  7. jquery ajax异步调用

    写程序的第一步都要知其然,至于知其所以然就要看个人的爱好了.下面说一下web开发中经常用的ajax. 这里是用的jquery框架实现的ajax异步调用.废话少说先上代码.(asp.net开发) var ...

  8. JQuery $.ajax(); 异步访问完整参数

    $.ajax 完整参数   jquery中的ajax方法参数 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post ...

  9. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

随机推荐

  1. SQL基础--索引

    索引的概念: 在数据库中索引是用于提升数据库查询操作性能的一种手段,但在频繁更新的表上,索引反而会降低性能. 常用的索引结构: B*树索引 位图索引 B树索引: B书索引是最基本的索引结构,Oracl ...

  2. AWT编程学习01(未完成)

    本文资料来源:<java疯狂讲义> 作者:李刚 终于要学习这一部分了~~虽然很多人(明明是绝大多数的人)说学这个没有用...而且有点过时了...但我觉得很有意思啊...感兴趣就学~~反正多 ...

  3. JS在window和document的应用

    页面跳转: window.location.href('地址') window.open('地址', '_self') 打开新窗口: window.open('地址', '_blank') 只显示地址 ...

  4. node config

    @echo off title node_5560 cd /d %~dp0 java -jar selenium-server-standalone-.jar ^ -role node ^ -Dweb ...

  5. centos7 升级内核到最新版本

    centos7 从问世以来,官网提供的镜像始终是3.10 版本,该版本最大的一个问题是对硬件驱动(尤其是无线网卡)的支持不是很好,本人亲测>5种机型,无线网卡均无法正常使用,如果是非主流机型,手 ...

  6. 了解Android的编译器

    了解一下Android的编译器并记录下来: Android在4.4以前是使用Dalvik VM的,通过Just In Time(JIT即时编译)来完成编译工作,在Android4.4提供了一种测试版本 ...

  7. SQLServer解析xml到Oracle

    写了一个程序:根据状态位读取SQLserver 中的一张表,下载其中一个字段的值,这个值是XML类型的,然后把这个XML文件的内容插入到另一Oracle数据库,并更新SQLServer表的标志位,表示 ...

  8. IIS 常见问题集记录

    win7 iis7.5 详细错误信息模块 IIS Web Core 通知 BeginRequest 处理程序 尚未确定 错误代码 0x80070021 配置错误 不能在此路径中使用此配置节.如果在父级 ...

  9. JAVA09异常处理之动手动脑问题

    动手动脑1:为什么不管是否有异常发生,finally语句块中的语句始终保证被执行? 我们在写代码时,如果finally块中的代码过多会导致字节码条数"膨胀",因为finally中的 ...

  10. svn: Can't convert string from 'UTF-8' to native encoding 的解决办法(转)

    http://www.cnblogs.com/xuxm2007/archive/2010/10/26/1861223.html svn 版本库中有文件是以中文字符命名的,在 Linux 下 check ...