Ajax calls are not working

Question

1.00/5 (1 vote)

See more:

C#

hai all,while i m calling ajax calls i not able to call methos in my controller here is my code

TIA

What I have tried:

<title>ViewCompanyProfile</title>
@{
UsersDAL obj = new UsersDAL();
List<SelectListItem> CompanyName = new List<SelectListItem>();
DataTable dtCompanyDetails = obj.ShowCompany();
foreach (DataRow row in dtCompanyDetails.Rows)
{
CompanyName.Add(new SelectListItem { Value = row["CompanyId"].ToString(), Text = row["CompanyName"].ToString() });
}
}
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script>
function ShowCompany($this)
{
var CompanyName = $("#Company_Name").val();
alert("hello");
$.ajax({
URL: '/Admin/ShowCompany',
type:"GET",
datatype:"JSON",
data: { CompanyId: CompanyName },
success:function(s){
document.getElementById("table").innerHTML='

'+s[0]+'

'+s[1]+'

'+s[2]+'

'+s[3]+'

';
alert("hello");
}
});
alert("Welcome");
}
</script>
</head>
<body>

@using (Html.BeginForm())
{
@Html.ValidationSummary(true)

Select Company

@Html.DropDownListFor(Model => Model.CompanyName,CompanyName ,"Select", new {@id="Company_Name",@onchange="ShowCompany(this)" })
}

</body>

and in my controller

public ActionResult ViewCompanyProfile()
{
return View();
}
[HttpPost]
public ActionResult ShowCompany(int CompanyId)---------This one is not calling
{
DataTable dt = _objDAL.GetShowCompany(CompanyId);
int rowcount = dt.Columns.Count;
string[] strarray=new string[rowcount];
for (int i = 0; i < rowcount; i++)
{
strarray[i] = dt.Rows[0][i].ToString();
}
return Json(strarray,JsonRequestBehavior.AllowGet);
}
}

Posted 29-May-16 20:59pm

Member 12519727

Updated 29-May-16 23:57pm

Add a Solution

Comments

Prateek Dalbehera 30-May-16 3:39am

Hi,
My initial diagnosis shows that you used "GET" instead of "POST" in ajax call.
I think it wont hit the server at all as its GET.
Please change the following and try again,

type:"GET", should be type:"POST", as in controller its post.

Member 12519727 30-May-16 4:00am

i already tried this one sir.still i m not able to call my action method..it says failed to load resources something..

Member 11902764 30-May-16 5:46am

just try with 'dataType' instead of 'datatype', also use contentType as below.

dataType: 'json',
contentType: "application/json; charset=utf-8",

Karthik_Mahalingam 30-May-16 5:56am

var CompanyName = $("#Company_Name").val();
alert(CompanyName )
check you are getting the value

Member 12519727 1-Jun-16 3:25am

the alert says undefined sir..i dont understand whats wrong with one i m not able to understand why this happening

Karthik_Mahalingam 1-Jun-16 10:01am

means the Company_Name element is not present in the DOM.

Prateek Dalbehera 30-May-16 6:54am

As told by Karthik & member__64 , you can first do an alert() to check whether data is coming properly or not and then you can pass the same data inside data:"{}"
as data:"{CompanyId: CompanyName}"....

ALSo, use POST instead of GET.

But, wait.. one thing I found was in your controller you are expecting INT but from js you are sending STRING?? You can explicitly convert that from string to INT if the string is in proper int format.

Also, you need to provide contentType parameter as well in the ajax call or else it will not work.
And, one more suggestion is first do understand complete concept & related theories then try to write the code.
Thanks,
Prateek

1 solution

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)

Member 11902764 · Answer 1 · 2016-05-29T23:57:00

JavaScript

$.ajax({
            type: "GET",
            url: "/Admin/ShowCompany",
            data: "{}",
            contentType: "application/json; charset=utf-8", //try using contentType also
            dataType: "json", //instead of 'datatype'
            success: function (r, textStatus, jqXHR) {
                //If success do stuff here...
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert(textStatus + "_" + errorThrown);
            }
        });