ASP.NET jquery ajax传递参数的实例

所属分类: 网络编程 / JavaScript 阅读数: 725
收藏 0 赞 0 分享

第一种: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传递参数的实例全部内容了,希望大家多多支持脚本之家~

更多精彩内容其他人还在看

Angular使用Md5加密的解决方法

这篇文章主要介绍了Angular使用Md5加密的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

详解JS构造函数中this和return

本文通过实例代码给大家介绍了JS构造函数中this和return,需要的朋友参考下吧
收藏 0 赞 0 分享

ES6中Array.find()和findIndex()函数的用法详解

ES6为Array增加了find(),findIndex函数。find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined,而findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。下面通过实例详解,需要的朋友参考下吧
收藏 0 赞 0 分享

JS闭包的几种常见形式实例详解

本文通过实例代码给大家详细介绍了js闭包的几种常见形式,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
收藏 0 赞 0 分享

ES6中Array.copyWithin()函数的用法实例详解

ES6为Array增加了copyWithin函数,用于操作当前数组自身,用来把某些个位置的元素复制并覆盖到其他位置上去。下面重点给大家介绍ES6中Array.copyWithin()函数的用法,需要的朋友参考下
收藏 0 赞 0 分享

Javascript 严格模式use strict详解

严格模式:由ECMA-262规范定义的JavaScript标准,对javascrip的限制更强。这篇文章主要介绍了Javascript 严格模式use strict详解 ,需要的朋友可以参考下
收藏 0 赞 0 分享

引入JavaScript时alert弹出框显示中文乱码问题

今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码,怎么解决此问题呢?下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法,一起看看吧
收藏 0 赞 0 分享

AngularJs 延时器、计时器实例代码

这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下
收藏 0 赞 0 分享

JS分页的实现(同步与异步)

这篇文章主要介绍了JS分页的实现(同步与异步),需要的朋友可以参考下
收藏 0 赞 0 分享

Angularjs自定义指令实现分页插件(DEMO)

由于最近的一个项目使用的是angularjs1.0的版本,涉及到分页查询数据的功能,后来自己就用自定义指令实现了该功能,下面小编把实例demo分享到脚本之家平台,需要的朋友参考下
收藏 0 赞 0 分享
查看更多