手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ASP.NET jquery ajax传递参数的实例
ASP.NET jquery ajax传递参数的实例
摘要:第一种:GET传递前台ajaxGET传递:即在请求的地址后面加上参数,URL地址长度有显示,安全性低后台接收:Request.QuerySt...

第一种:GET传递

前台 ajax GET 传递 :即在请求的地址后面加上参数,URL地址长度有显示,安全性低

后台接收:Request.QueryString[“参数名字”]!

例如:

function LoadBar(id) { var project = id; var month = $("#txtMonth").val(); $.ajax({ type: "GET", async: false, url: 'GetProjectScore.aspx?project=' + project + '&month=' + month, dataType: 'json', beforeSend: function () { }, success: function (msg) { if (msg) { optionBar.xAxis.categories = eval(msg.projectscore.orgname); optionBar.series = eval(msg.projectscore.series); var t = eval("(" + subtitle + ")"); optionBar.subtitle = t.subtitle; chart = new Highcharts.Chart(optionBar); } }, error: function () { alert('出错了啦!'); } });

第二种:POST传递

2.1 字符串 作为参数传递

即传递的参数是以字符串的形式传递。dataType=”text”;

前台 ajax POST 传递 :将表单数据提交服务器的一种请求,要提交的数据位于信息头后面的实体中。

后台接收:Request.Form[“参数名字”]

例如:

$("input[name=returnfile]").click(function () { var returnflag = $(this).val(); var guid = $(this).prev().html(); $.ajax({ type: "POST", async: "false", url: "returndata.aspx", data: "flag=" + returnflag + "&guid="+guid+"", success: function () { } }); })

后台接收:

string flag=Request.Form[“flag”];

string guid=Request.Form[“guid”];

2.2 JSON 作为参数传递

即传递的参数是以json字符串的形式传递。dataType=”json”;

前台 ajax POST 传递 :将表单数据提交服务器的一种请求,要提交的数据位于信息头后面的实体中。

后台接收:

StreamReader reader=new StreamReader(Request.InputStream);

string str = reader.ReadToEnd();

例如:

$("input[name=returnfile]").click(function () { var returnflag = $(this).val(); var guid = $(this).prev().html(); var str = "{'flag':'" + returnflag + "','guid':'" + guid + "'}"; var json = eval("(" + json + ")"); $.ajax({ type: "POST", async: "false", url: "khdf_returndata.aspx", dataType:”JSON” data: json, success: function () { } }); })

后台接收:

StreamReader reader=new StreamReader(Request.InputStream);

string str = reader.ReadToEnd();

读取后newtonsoft 做 JSON处理

2.3 JSON 作为参数传递

$(function () { $("#btnLogin").click(function () { // var username = $("#txtUserName").val(); // var password = $("#txtPassword").val(); // var paras = "username=" + username + "&password=" + password; // alert(paras); var data = { username: $("#txtUserName").val(), password:$("#txtPassword").val() } $.post("Home/CheckLogin", data, function (data) { alert(data); }) }) })

如果按照2.2post。则必须加上: contentType: "application/json"

后台接收:

[HttpPost] public ActionResult CheckLogin(string username,string password) { string name = username; string pwd = password; return View(); }

以上就是小编为大家带来的ASP.NET jquery ajax传递参数的实例全部内容了,希望大家多多支持查字典教程网~

【ASP.NET jquery ajax传递参数的实例】相关文章:

JS+CSS实现的拖动分页效果实例

jQuery获取上传文件的名称的正则表达式

Jquery使用css方法改变样式实例

基于jQuery实现的无刷新表格分页实例

jquery使用each方法遍历json格式数据实例

jQuery聚合函数实例

JQuery插件ajaxfileupload.js异步上传文件实例

JQuery中节点遍历方法实例

javaScript中push函数用法实例分析

JQuery分屏指示器图片轮换效果实例

精品推荐
分类导航