Asp.net ajax查询返回页面

本文关键字：返回 查询 net ajax Asp | 更新日期: 2023-09-27 18:28:23

我首先尝试在页面中使用jQuery运行ajax请求。查看页面localhost:1382/Home/Index我有这个代码：

...bla-bla, another usless code..
 $.ajax({
                        url: "Index/ShowStadium",
                        contentType: "application/json; charset=utf-8",
                        dataType: "text",
                        type: "POST",
                        data: "",
                        success: function (data) {
                            $(".right-content").html(data);
                        },
                        error: function (xhr, textStatus) {
                            alert(textStatus);
                            $(".right-content").html("в этом клубе нет спортивных площадок");
                        }
                    });
...other usless code...

所以我在HomeController中放入了一个名为ShowStadium()的函数。但每次我都会出现这样的错误：

  1. 200-分析错误
  2. 好的，但回复是一整页

这是我的HomeController代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using ProjectMVC.Models;
using System.Web.Services;
    namespace ProjectMVC.Controllers
    {
        public class HomeController : Controller
        {
            private readonly Initializer init = new Initializer();
            public ActionResult Index()
            {
                return View();
            }
            [HttpPost]
            public ActionResult Index(EventDetails obj)
            {
                if (ModelState.IsValid)
                {
                   ViewData["Error"] = "nice one!";
                   return Redirect("/home/index2.cshtml");
                }
                else
                {
                    ViewData["Error"] = "Заполните необходимые поля, пожалуйста";  // If JS disabled
                }
                return View();
            }
            [WebMethod]
            public static string ShowStadium()
            {
                return "Футбольное поле";
            }
        }
    }

正如我所说，对我来说最大的问题是一个响应页面，返回HomeController的视图页面。

Asp.net ajax查询返回页面

您不需要webMethod来执行此使用操作：

public ActionResult ShowStadium()
{
    return Content("Футбольное поле");
}

javascript:

$.ajax({
      url: "HOme/ShowStadium",
      contentType: "application/json; charset=utf-8",
      dataType: "text",
      type: "POST",                       
      success: function (data) {
          $(".right-content").html(data);
      },
     error: function (xhr, textStatus) {
          alert(textStatus);
          $(".right-content").html("в этом клубе нет спортивных площадок");
     }
  });
相关文章：