Can't post json object to web api from my html page.

Question

1.00/5 (1 vote)

See more:

Can't post json object to web api in my html page.

My api url is-
http://www.transapi.ksoftware.co.in/api/RoleApi

my post method in api controller is-
public int Post(RoleModel model)
{
return _repository.InsertRole(model);
}

My javascript function in html page is-

<script type="text/javascript">
function SaveRole() {
var RoleModel = new Object();
RoleModel.RoleName = "test";
RoleModel.Status= true;

$.ajax({
type: "POST",
url: "http://www.transapi.ksoftware.co.in/api/RoleApi",
data: JSON.stringify(RoleModel),

contentType: "application/json",

dataType: "json",
success: function (data, textStatus, xhr) {

alert('success');
},
error: function (jqXHR, textStatus, errorThrown) {
alert('Err');
}
});
}

i call this SaveRole function when page is submitted.
but my problem is i'cant call the post method of api controller and post json object from my html page.

Posted 6-May-15 5:08am

prthghosh999

Updated 13-May-15 20:26pm

v5

Add a Solution

Comments

Sergey Alexandrovich Kryukov 6-May-15 11:27am

This is nothing but usual JSON. What's the problem?
—SA

prthghosh999 13-May-15 2:12am

i get all data from my api but my problem is whenever i want to call post method to insert or update into the database it returns an error.
my url is http://transapi.ksoftware.co.in/api and passes a model (named RoleModel and its object are RoleName, Status) object into that post method. but it does not call to that method

prthghosh999 13-May-15 2:27am

i've created those api controller in c#. is there anything that i've to change in my solution.

Sergey Alexandrovich Kryukov 13-May-15 2:31am

Not clear what you are trying to do.
—SA

Sergey Alexandrovich Kryukov 13-May-15 2:30am

You did not explain the role of that JSON file. Why?
—SA

prthghosh999 13-May-15 3:16am

public int Post(RoleModel model)
{
return _repository.InsertRole(model);
}
this is my post method in api controller and i call this from my html page as..

<script type="text/javascript">
var RoleModel = new Object();
RoleModel.RoleName = "test";
RoleModel.Status= true;

$.ajax({
type: 'POST',
url: 'http://www.transapi.ksoftware.co.in/api/RoleApi',
data: JSON.stringify(RoleModel),

contentType: "application/json",

dataType: "json",
success: function (data, textStatus, xhr) {

alert('success');
},
error: function (jqXHR, textStatus, errorThrown) {
alert('e');
}
});

prthghosh999 13-May-15 3:19am

i have to insert new row in role table having the fields like RoleId,RoleName,Status

Sergey Alexandrovich Kryukov 13-May-15 3:26am

And this is not an answer, too, just the code dump. You need to explain everything together, whole thing.
—SA

prthghosh999 13-May-15 4:45am

i'm having a table name tblRole [ID, Name, Status] in the database. i have to insert a new row in this Role table passing the name and status as parameter. status field will take boolean vale i.e. true/false. Now i created a post method in my api controller [public int Post(RoleModel model){....} ] and call the procedure for data insertion from that method. here i send model object as parameter to that post method. this model contains RoleName and status. now my problem is that , how to call this post method from my html page and pass those field as parameter to insert a new row into the table

Sergey Alexandrovich Kryukov 13-May-15 9:44am

Here is what I cannot understand: you referenced fixed resource with URL http://transapi.ksoftware.co.in/api/CityApi. What is it for? "Send" would be perfectly clear, but this is not "send".
—SA

prthghosh999 13-May-15 10:49am

i thing you should check my code carefully....

$.ajax({
type: 'POST',
url: 'http://www.transapi.ksoftware.co.in/api/RoleApi',

Sergey Alexandrovich Kryukov 13-May-15 10:59am

I did not even try to read code in a comment. You could make it readable by editing the question, "Improve question". And you still did not explain the role of this resource. Isn't it a constant JSON? But why?
—SA

Mohibur Rashid 6-May-15 20:34pm

Did you try to do anything?

1 solution

Add a Solution

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

Afzaal Ahmad Zeeshan · Answer 1 · 2015-05-06T05:42:00

There are quite a multiple options that you can use to get the JSON data from this API URL. You can use ajax requests to download the data from the API. The following code would depict a scenario,

JavaScript

$.ajax({
   url: 'http://transapi.ksoftware.co.in/api/CityApi',
   success: function (data) { 
      // data is JSON formatted data
   }
});

The above method can be applied even if your HTML page is not backed up by a server-side code; you can execute it through JavaScript's library jQuery. It would download your data and perform the actions that you will write in the success handler.

If you are using some other sort of third-party library. That library would expose a very efficient function or class that would download this JSON string. If there is none, you can still use .NET framework's HttpClient[^] to send requests to server and download the data in JSON format and use libraries like Newtonsoft.Json[^] and deserialize the data.

Can't post json object to web api from my html page.

1 solution

Solution 1

Add your solution here

Preview 0

Can't post json object to web api from my html page.

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us