MVC中使用AJAX方式调用数据(microsoft,jquery两种方式)

最新推荐文章于 2021-08-05 17:43:04 发布

原创最新推荐文章于 2021-08-05 17:43:04 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#microsoft #jquery #ajax #mvc #xmlhttprequest #function

MVC 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何利用jQuery库发起AJAX请求，并通过具体的示例代码展示了如何配置请求参数、处理请求成功及失败的情况。此外，还展示了如何在服务器端（C#）处理来自前端的请求并返回数据。

HTML 中

<% =Ajax.ActionLink("AJAX调用", "AjaxByJquery", new { name = "tttt" }, new AjaxOptions { LoadingElementId = "Loading", UpdateTargetId = "jqueryResult", InsertionMode = InsertionMode.InsertAfter })%>

显示结果与进度的HTML代码,与上面的代码放在同一个文件中

<div id="loading">loading.......</div>
<div id="result"></div>
<div id="jqueryResult"></div>

如果是jquery,用如下脚本:

<mce:script type="text/javascript"></mce:script>

js引用

Controlls中的代码

public ActionResult AjaxByJquery(String name)
        {
            ViewData["ajaxHello"] = name;
            return View("ajaxContent");
        }

ajaxContent.ascx的HTML代码,将控件的代码插入到result标签中,完成结果显示

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<% = Html.Encode(ViewData["ajaxHello"]) %>