ASP.NET jquery ajax传递参数的实例
发布于 2017-05-01 16:54:25 | 80 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。
下面小编就为大家带来一篇ASP.NET jquery ajax传递参数的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
第一种：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传递参数的实例全部内容了，希望大家多多支持phperz~
相关阅读:
ASP.NET jquery ajax传递参数的实例
JQuery Ajax WebService传递参数的简单实例
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jquery ajax传递复杂参数给WebService的实现代码
真正的JQuery.ajax传递中文参数的解决方法
JQuery.ajax传递中文参数的解决方法 推荐
传递参数的标准方法(jQuery.ajax)
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
浅析jQuery Ajax请求参数和返回数据的处理