jQuery Ajax向服务端传递数组参数值的实例代码

在使用手动音量调节时，向服务器端发送邮政请求时有时需要传递数组作为参数值

下面使用例子说明，首先看一下行动

公共操作结果测试(列表字符串模型){返回Json(null，JsonRequestBehavior .允许get)；}方式一，构造表单元素，然后调用序列化()方法得到构造参数字符串

@ { Layout=null}！DOCTYPE htmlhtmlhead元名称=' viewport ' content=' width=device-width '/title TeSt/title/head dy div输入类型='button' id='btnAjax '值='发送请求//div script src=' http : ~/Scripts/jquery-1。10 .2 .量滴js '/script脚本类型=' text/JavaScript ' var tmp=' input type=' hidden ' name=' model ' value=' 1 '/input type=' hidden ' name=' model ' value=' 2 '/'；$(function () { $('#btnAjax ')).单击(函数(){ $).Ajax({ Ul : ' @ Ul .操作(“测试”)，类型： '开机自检'，数据：美元.序列化()，成功：函数(JSON){控制台。日志(JSON)；} });});});/脚本/正文/html调试模式监视参数，当点击按钮时，监视得到的参数如下

方式二：使用Java脚本语言对象作为参数传值，参数名是与行动方法对应的参数名，参数值是Java脚本语言数组

@ { Layout=null}！DOCTYPE htmlhtmlhead元名称=' viewport ' content=' width=device-width '/title TeSt/title/head dy div输入类型='button' id='btnAjax '值='发送请求//div script src=' http : ~/Scripts/jquery-1。10 .2 .量滴js '/script脚本类型=' text/JavaScript '/var tmp=' input type=' hidden ' name=' model ' value=' 1 '/input type=' hidden ' name=' model ' value=' 2 '/'；定义变量数组=['abc '，' 123 ']；$(function () { $('#btnAjax ')).单击(函数(){ $).Ajax({ Ul : ' @ Ul .操作(“测试”)，类型： '开机自检'，数据： { model:array }，成功：函数(JSON){控制台。日志(JSON)；} });});});/脚本/正文/html

方式三，使用Json作为参数请求，此时埃阿斯需要声明内容类型为应用程序/json

@ { Layout=null}！DOCTYPE htmlhtmlhead元名称=' viewport ' content=' width=device-width '/title TeSt/title/head dy div输入类型='button' id='btnAjax '值='发送请求//div script src=' http : ~/Scripts/jquery-1。10 .2 .量滴js '/script脚本类型=' text/JavaScript '/var tmp=' input type=' hidden ' name=' model ' value=' 1 '/input type=' hidden ' name=' model ' value=' 2 '/'；//var array=['abc '，' 123 ']；$(function () { $('#btnAjax ')).单击(函数(){ $).Ajax({ Ul : ' @ Ul .操作(“测试”)，类型： '开机自检'，内容类型： '应用程序/JSON；charset=utf-8 '，数据： JSON。stringify({ model :[' hello '，' welcome'] })，success : function(JSON){ console。日志(JSON)；} });});});/脚本/正文/html

上面的例子使用的是ASP .NET MVC 5

总结

以上所述是小编给大家介绍的jQuery Ajax向服务端传递数组参数值的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回家大家的！