ajax怎么样get传数据,MVC中前台如何向后台传递数据------$.get(),$post(),$ajax(),$.getJSON()总结...

一、引言

MVC中view向controller传递数据的时候真心是一个挺让人头疼的一件事情。因为原理不是很懂只看一写Dome,按葫芦画瓢只能理解三分吧。

二、解读Jquery个Ajax函数

$.get(),$.post(),$.ajax(),$.getJSON()

1、$.get(url,[data],[callback])

参数说明

url:请求地址,MVC中一般为:“/QueryScores/Search/” (/controller/action/)

data:请求数据列表,MVC中action的参数,一定要注意这里的data是用key/value键值对的,key一定与action的参数的名称一定相同才行。

callback:请求成功后的回调函数,我们一般定义为function(str),这里的function就为回调函数,str为action的返回值。

我们举个例子:

var item = $(":radio:checked").val();

$.get("/QueryScores/Search/", {item:item}, function (string) {

alert(string);

});

在后台是这样写的:

public String Search(string item)

{

return "123";

}

是挺好写的是吧,如果我们想要return回来的json格式的值的时候,get方法就会局限了,这个时候就需要后面的函数了。

2、$.post(url,[data],[callback],[type])

前三个都跟上面的是一样的我就不说了,

type:请求的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为json,那么返回的格式则是json格式的,如果没有设置,就和$.get()返回的格式一样,都是字符串格式的。

代码:

$.post("data.php",$("#firstName.val()"),function(data){

$("#postResponse").html(data.name);

},"json"//设置了获取数据的类型,所以得到的数据格式为json类型的

);

3、$.ajax(option)

如果我们需要更加精确的参数的时候,我们就可以用到这个。

看看它的定义:

$.ajax({

url: "ajax/ajax_selectPicType.aspx",

data:{Full:"fu"},

type: "POST",

dataType:'json',

success:CallBack,

error:function(er){

BackErr(er);}

});

我们我们可以看到它定义了url,data,type,daatatype,success,error的定义,增加了错误处理。

4、$.getJSON(url,[data],[callback])

它的获取的数据类型一定是json。

$.getJSON("/Stu/Get/" + id, null, function (jsonObj) {

if (jsonObj.Statu == "ok")

{

$("#Id").val(jsonObj.Data.Id);

$("#Name").val(jsonObj.Data.Name);

$("#CId").val(jsonObj.Data.CId);

}

});

三、总结:

在如今我们开发前台的是后,后台直接与底层的HTTPRequest本来就听烦的。JQuery既然已经分装了js,我们就可以考虑AJAX应用了,

  • 0
    点赞
  • 0
    收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:游动-白 设计师:我叫白小胖 返回首页
评论
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值