学习简单的MVC中的Ajax

发布时间：2020-12-16 02:12:44 所属栏目：百科来源：网络整理

导读：1 jQuery中的Ajax 1.1 $.ajax()方法 $.ajax()方法是jQuery最底层的Ajax实现。其结构为：该方法只有一个参数，但在这个对象里包含了$. ajax ()所需的请求设置和回调函数等信息。参数以key/value形式存在，所有参数都是可选的，常用参数如下表： 1.2 $.get(

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的视图，

结构如下：

视图设计：

脚本：

$("#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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!