1.JS将数组转换为1个字符串,也正如好管理. 若是ajax请求比较多

  比如把三个[1,2,3,4,5]的数组,转换为贰个 var str=”1,2,3,4,5″;
的字符串 ,然后传递到后台后,再用.net的 split(‘,’)
分离,那样用起来尤其同室操戈,而且还要考虑数组中是或不是会存在分割字符串的标题

假定你写的不是字符串,那jquery会把它实类别化成字符串,那么在服务器端接受到的就不是json格式了,且不可能为空,即便没有参数也要写成”{}”,如上例。很多个人不成功,原因就在此地。

只怕行使JQuery
Ajax传值到后台二个字符串,或许系列化后的表单大家都采纳过,可是一些种类,要求大家三遍传值3个数组到后台,那些时候有怎么样好的章程吧?

[WebMethod] 
public static string GetMissionInfoById(int Id,string name) 
{ 
   //.....  
return "false"; 
} 

率先,引入必须的JQuery文件

率先也是建三个js文件,文件名随你们起了.小编那里就建了三个CommonAjax.js里面多个办法,看下边代码:

 然后从您的页面中收获一个数组,那根据你的实际须要,或许是用户输入,只怕本人从table表格里抓取

url:请求的服务器端处理程序的门径,格式为”文件名(含后缀)/方法名”

  前些天早上小朱又遭遇了付出数组的难题,于是和爱侣小飞斟酌了下,在此之前知道JQuery
有 stringify()
那些办法,也直接不清楚咋用,明天小飞知道小朱这么些难题后,教了下小朱那么些主意,化解了提交数组的题目

$.ajaxWebService("WebMethodAjax.aspx/GetMissionInfoById", "{id:12}", function(result) {//......}); 
using System.Web.Services;
/// <summary> 
/// 根据任务ID获取任务名称,任务完成状态,任务数量 
/// </summary> 
/// <param name="id">任务ID</param> 
/// <returns></returns> 
[WebMethod] 
public static string GetMissionInfoById(int id) 
{ 
CommonService commonService = new CommonService(); 
DataTable table = commonService.GetSysMissionById(id); 
    //..... 
return "false"; 
} 

 

你大概感兴趣的稿子:

  现学现卖,于是明日和园友们大饱眼福那些实用的艺术

data:参数列表。注意,那里的参数一定借使json格式的字符串,记住是字符串格式,如:”{aa:11,bb:22,cc:33
, …}”。

 

我们得以观察个中一些参数值是一定的,所以从复用性的角度考虑,我们得以给jquery做2个扩充,对上面的函数做一下大约的包裹:我们建1个本子文件叫jquery.extend.js。在里面写一个叫ajaxWebService的点子(因为webmethod其实正是WebService嘛,故此方法对请求*.asmx也是卓有成效的),代码如下:

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

 

上文可能说的可比啰嗦,因为小朱担心朋友们看不懂啦,下面简单做三个计算:

1.引入JS文件

2.拼凑出来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 - 1, 1);

           //sb.ToString() 为 1,2,3,4 可以用在SQL语句的WHERE ... IN ...


            //当然你也可以根据自己的业务逻辑不同,使用List<string>

            //记得最后要 return "Y"; 
        }        

 

把那个利用的办法记录下来,分享给爱人们,方便朋友们学习,方便温馨之后翻看复习!

 

1,既然要用WebMethod,那自然就必需引用一下命名空间了

 

在既往大家在做ajax时,都要依赖一般处理程序(.ashx)或web服务(.asmx),并且每3个请求都要建一个这么的文件.那样建一大堆ashx文件,相比较费心,多了看起来也不爽.

 

[csharp] view plain copy print?
{"Id":23,"name":"study"} 

 

dataType:服务器再次回到的数据类型。必须是json,其余的都没用。因为webservice
是一json格式再次来到数据的,其款式为:{“d”:”…….”}。  success:请求成功后的回调函数。你能够在那里对回到的数额做任意处理。

图片 1

$.ajax({ 
type: "POST", 
contentType: "application/json", 
url: "WebMethodAjax.aspx/GetMissionInfoById", 
data: "{id:12}", 
dataType: "json", 
success: function() 
   { 
     //请求成功后的回调处理. 
   }, 
   error:function() 
{ 
//请求失败时的回调处理. 
} 
}); 

 

后台的那个WebMethod方法需求是公家的静态方法,方法方面注意要丰裕WeMethod属性;借使要在那一个主意里面操作Session.就得在措施上丰裕属性

据此,我们供给在本页后台,写一个WebMethod(小编的这一个页面名字叫做manage.aspx,请读者朋友依照本身的页面记得相应改变)

好了,那样大家恳请webmethod方法 就能够这么调用了:

[WebMethod]
        public static string DeleteMore(List<string> arr)
        {
            StringBuilder sb = new StringBuilder();
            foreach (var item in arr)
            {
                sb.Append(item + ",");
            }
            sb.Remove(sb.Length - 1, 1);

            string sqlDelete = "UPDATE stuapply_Info  SET Status=1 WHERE ApplyId IN (" + sb.ToString() + ")";

            int r = DBUtility.DbHelperSQL.ExecuteSql(sqlDelete);

            if (r > 0)
            {
                return "Y";
            }
            else
            {
                return "N";
            }
        }

咱俩要传三个参数,格式就按: 

图片 2

可是假如用如此格局的话.在给后台WebMethod方法传参时要小心一点.Json的key必须跟WebMethod方法的形参一样,还有参数的次第不可乱.不然会呈请失败.

2.施用 JSON.stringify() 方法,方便,不难凶残。

在那边,为方便开发,作者新建了3个页面专门用于写WebMethod方法.那样会比较便宜,也正如好管理. 假使ajax请求比较多,能够多建多少个页面.依据页面包车型客车名称来作下请求的归类
例,下边贴出后台代码:

当今小朱获得了一个名字为 arrId
的数组,当然你也能够经过其余方法来拼凑本人的数组,这些不是本文的严重性,本文的严重性在底下,当您获得这些数组后,如后传递到后台,和后台交互

2.既然后台的WebMethod方法都曾经写好了.就差着调用了.那里就用JQuery吧.比较不难

1.JS将数组转换为贰个字符串,然后传值到后台,不方便人民群众

近来我们得以注重webMethod方法来使ajax达成起来尤其简便易行

那就是说,按F5就可以平常运营了。

譬如后台的方法如下:

传送数组嘛,上文正是为了拼凑那样的二个数组:

contentType:发送音信至服务器时内容编码类型。大家那边一定要用application/json

 

此间对Jquery的Ajax多少个参数做一下简便的表明,type:请求的连串,那里不可不用post
。WebMethod方法只接受post类型的央浼

图片 3

[WebMethod(EnableSession = true)]//或[WebMethod(true)] 
public static string GetMissionInfoById(int id) 
{ 
CommonService commonService = new CommonService(); 
DataTable table = commonService.GetSysMissionById(id); 
    //..... 
return "false"; 
} 

赢得那个数组后,我们选择ajax传递到后台:

大家在前台的调用就相比简单了.

 

function json2str(o) { 
var arr = []; 
var fmt = function(s) { 
if (typeof s == 'object' && s != null) return json2str(s); 
return /^(string|number)$/.test(typeof s) ? "'" + s + "'" : s; 
} 
for (var i in o) arr.push("'" + i + "':" + fmt(o[i])); 
return '{' + arr.join(',') + '}'; 
} 
function Invoke(url, param) { 
var result; 
$.ajax({ 
type: "POST", 
url: url, 
async: false, 
data: json2str(param), 
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function(msg) { 
result = msg.d; 
}, 
error: function(r, s, e) { 
throw new Error(); 
} 
}); 
return result; 
} 

图片 4

上述所述是作者给我们介绍的选拔Jquery Ajax
请求webservice来达成更简约的Ajax,希望对大家享有辅助,假诺我们有别的疑问请给自家留言,笔者会及时回复大家的。在此也相当多谢咱们对台本之家网站的支撑!

 比如小朱须求抓取类似
学号,当前面包车型地铁checkbox被入选时候,就把这几个学号,放在数组里

上边再贴一种包装,是从前跟一老板时,看的他的封装.觉得勉强能够

 //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();
                        }

                    }
                });
///<summary> 
///jQuery原型扩展,重新封装Ajax请求WebServeice 
///</summary> 
///<param name="url" type="String">处理请求的地址</param> 
///<param name="dataMap" type="String">参数,json格式的字符串</param> 
///<param name="fnSuccess" type="Function">请求成功后的回调函数</param> 
$.ajaxWebService = function(url, dataMap, fnSuccess) { 
$.ajax({ 
type: "POST", 
contentType: "application/json", 
url: url, 
data: dataMap, 
dataType: "json", 
success: fnSuccess 
}); 
} 

图片 5

var result = Invoke("WebMethodAjax.aspx/GetMissionInfoById", { "name": arguments.Value, "id": id }); 

WebMethod需求引入命名空间:

using System.Web.Services;

相关文章