学习简单的MVC中的Ajax

1 jQuery中的Ajax

1.1 $.ajax()方法

$.ajax()方法是jQuery最底层的Ajax实现。

其结构为:

该方法只有一个参数,但在这个对象里包含了$.ajax()所需的请求设置和回调函数等信息。

参数以key/value形式存在,所有参数都是可选的,常用参数如下表:

1.2  $.get()方法

$.get()方法使用GET方式来进行异步请求

它的结构:

$.get()方法参数解释如下:

1.3  $.post()方法

它与$.get()方法的结构和使用方法都相同,不过它们之间仍然有差别,这里不解释(需要的朋友请查阅相关资料进一步了解)

1.4 $.getJSON

方法定义:jQuery.getJSON( url, data, callback )

通过get请求得到json数据

·url用于提供json数据的地址页

·data(可选)用于传送到服务器的键值对

·callback(可选)回调函数,json数据请求成功后的处理函数

 

2 实例

2.1 $.ajax()方法

我们先在建立一个控制器命名为HomeController

同时视图的Home目录下新建一个名为Index的视图,

结构如下:

视图设计:

<tr>
<td>
<input id="Access" type="button" value="Access" />
</td>
<td>
<div id="browser">
</div>
</td>
</tr>

脚本:

$("#Access").click(function () {
$.ajax({
type: 'GET',
url: '/Home/Get_Page',
success: function (data) {
$("#browser").text(data);
}
});
});

控制器中Action:

//返回数据
        public void Get_Page()
{
List<string> booklist = new List<string>();
booklist.Add("C#");
booklist.Add("J#");
booklist.Add("jQuery");
booklist.Add("JavaScript");
booklist.Add("PHP");
foreach(string strinbooklist)
{
Response.Write(str+"<br>");
}
}

效果:


 

2.2 $.post()

视图设计:

<tr>
<td>
<input id="btn" type="submit" value="发送数据"/>
</td>
<td>
<div

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值