更新页面而不刷新它

Question

目标：
当您单击行（1）时，将显示新数据（3.），而整个网页不会被更新/刷新。

问题：
1。
我需要建议，我不知道在哪里可以找到显示图片编号2的功能以及如何显示数据和新对象（3.）而无需更新/刷新整个网页？

和

2
如何创建显示加载图片的图标？

信息：
-该页面基于带有C＃的ASP.mvc

Answer 1

使用jquery或MVC ajax助手的ajax功能。

您可以在此处找到jquery ajax。

和MVC ajax helper lib 在这里

在这里

您可以对服务器的Web服务进行Ajax调用，它可以返回一种众所周知的Web格式（例如json或XML）。 当webservice调用返回时，您可以使用javascript（dom操纵）或使用MVC帮助器将数据“注入”到html页面中。

这可能会有所帮助。.http ://www.asp.net/mvc/tutorials/older-versions/javascript/creating-a-mvc-3-application-with-razor-and-unobtrusive-javascript

Answer 2

使用ajax + PartialViews更新一些页面部分

Answer 3

您可以使用jquery ajax来调用异步操作方法（函数）。 数据以Json的形式返回。 您可以编写代码来反序列化数据并使用jquery显示数据。 创建一个Action方法，该方法将JsonResult作为viewresult返回为

public JsonResult GetJsonData()
{
 return Json(new
                    { testDataResult =TestDataResultObj.Data
                       JsonRequestBehavior
                    }, JsonRequestBehavior.AllowGet);
}

并编写以下jquery代码：-如果（GetDataAsyc（））{

                        $.ajax({
                            type: "GET",
                            data: { testData: testDataResult },
                            url: url,// url of action method to be called asynch
                            dataType: "json",
                            cache: false,
                            traditional: true,
                            contentType: "application/json",
                            success: function (data) {

                                   // on success assign  testDataResult to messages //line
                                    $("#MessagesLines").html(testDataResult .Html);

                                }
                            },
                            error: function () {
                                //Display error message
                                $("ErrorMsg").html("There was error whey trying to process your request") 
                            }
                        });
                    }