simply ajax not work collectly

Question

0.00/5 (No votes)

See more:

The test aspx:

XML

<%@ Page Title="test" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="MvcBBS.Models" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    test
</asp:Content>
<asp:Content ID="ChildHead" ContentPlaceHolderID="HeadContent" runat="server">

    <script type="text/javascript">
        function spanclick() {
            var e = e || window.event; obj = e.srcElement || e.target;
            if (obj.id != null) {

                document.getElementById("now").innerHTML = obj.id;
            }


            $.ajax({
                type: "POST",
                url: '@Url.Action("test", "Article")',
                data: { id: 1 },
                datatype: "html",

                success: function (evt) {

                    $('#divArticleList').html(evt);
                },
                error: function (err, errMsg, obj) { alert(errMsg) }

            });
        }



    </script>

    <style type="text/css">
        h2
        {
            margin: 0;
            padding: 0;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
   <fieldset id="fset">
<br />
　　<legend> <span id="now" class="userb">AAAAAAAAA:</span></legend>
<br />



    <div id="divArticleList">
        <%Html.RenderPartial("~/Views/Shared/ArticleList.ascx", ViewData.Model);%>
        <span id="Span1" onclick="spanclick()" >bbbbbbbbbbbbbbbbbbbbbbbbbb</span>
    </div>
    </fieldset>
</asp:Content>

The test action:

SQL

public ActionResult test(int id)
    {
        if (Request.IsAjaxRequest())
        {


            TempData["page"] = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
            return PartialView("ArticleList", TempData["page"]);
        }
        return View();
    }

THe ArticleList partial view:

XML

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%@ Import Namespace="MvcBBS.Models" %>

 <div id="page" class="page">&nbsp;&nbsp;<%=TempData["page"]%> </div>

i'm beginer in ajax,so somebody do help me please!!

Posted 11-Mar-13 21:31pm

gavinv

Updated 12-Mar-13 21:52pm

v3

Add a Solution

Comments

Shubham Choudhary 12-Mar-13 4:08am

where is your script manager add script manager!!!

2 solutions

Solution 2

The problem is that you have used $.ajax with an option type as POST and you have not decorated your action with POST.

So the solution is

SQL

[HttpPost]
public ActionResult test(int id)
    {
        if (Request.IsAjaxRequest())
        {


            TempData["page"] = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
            return PartialView("ArticleList", ViewData["page"]);
        }
        return View();
    }

Posted 12-Mar-13 20:26pm

Karthik Chintala

Comments

gavinv 13-Mar-13 3:56am

thank for your answer,it's my mistake for typing "TempData" inot "ViewData",i've colleted it,and the problem still beeing.
i chang the code as bellow, then it's just show the "alert"

function spanclick() {
var e = e || window.event; obj = e.srcElement || e.target;
if (obj.id != null) {

document.getElementById("now").innerHTML = obj.id;
}

$.ajax({
type: "POST",
url: '@Url.Action("test","Article")',
data: { id: 1 },
datatype: "html",

success: function (data) {

alert("errMsg");
}
});
}

gavinv 13-Mar-13 4:01am

i make mistake again,it don't show the the "alert" anyway. I think this means ajax don't get the return from controller, that's right?

Karthik Chintala 13-Mar-13 4:54am

Also you need to change option in your ajax. You have an option called "datatype" in your ajax call change it to "dataType:"html"". You are returning your action result to a view Its neither a html nor JSON. so your success call back will never be called

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Shubham Choudhary · Accepted Answer · 2013-03-11T22:09:00

Solution 1

H!!! take a look of this link

AJAX with ASP.NET MVC[^]

Posted 11-Mar-13 22:09pm

Shubham Choudhary